microsoft / powercat-creator-kit

This toolkit helps create well-designed Power App experiences on the web & mobile. It contains a component library; PCF controls and other utilities that increase developer productivity.

Creator Kit overview

This toolkit helps create well-designed Power App experiences on the web & mobile. It contains a component library; PCF controls and other utilities that increase developer productivity. All components utilize the Fluent UI framework to provide consistent and industry-leading user interface design to create optimal user experiences for your custom business applications.

What's in the kit

The Creator Kit is a Power Platform managed solution file that contains the following components:

• Reference Canvas App
• Template Starter Apps (Canvas & Model Driven App Custom Page)
• Canvas Component Library
• PCF Components
• Fluent Design Theme Editor

About this GitHub repo

The Creator Kit GitHub Repo contains the source, releases, issues and backlog items of all components that are part of the Creator Kit.

Source code for the Code Components can be found here: https://github.com/Microsoft/powercat-code-components

Latest Release

The latest shipped version is available via Releases. From there, you can download the latest version of all managed solutions that have been tested and are ready for use.

Stay up to date with our releases by subscribing to them:

1. Select Watch
   
2. Select Custom > Releases > Apply to receive notifications about our releases
   

Report a Bug or submit a Feature Request

Have you found a bug in the Creator Kit or do you want to suggest a new feature? Either way, please let us now by filing an issue while observing the following guidelines

Look for an existing issue

Before submitting your issue please search the issues to ensure your issue has not already been reported

If your bug or feature request has already been reported, join the conversation by commenting and adding your reaction. Please use reactions to vote and not "+1" comments.

• 👍 - upvote
• 👎 - downvote

Submitting your Issue

Select the Issue template that matches the solution for which you want to submit an issue.

File a single issue per problem and feature request. Do not enumerate multiple bugs or feature requests in the same issue.

Do not add your issue as a comment to an existing issue unless it's for the identical input. Many issues look similar, but have different causes.

The more information you can provide, the more likely someone will be successful at reproducing the issue and finding a fix.

Observe the inline guidelines of the Issue template.

Setup Instructions and Documentation

Please find all information on how to install and use the kit on https://docs.microsoft.com/power-platform/guidance/creator-kit/overview

Microsoft Open Source Code of Conduct

This project has adopted the Microsoft Open Source Code of Conduct.

Resources:

• Microsoft Open Source Code of Conduct
• Microsoft Code of Conduct FAQ
• Contact [email protected] with questions or concerns

Trademarks

This project may contain trademarks or logos for projects, products, or services. Authorized use of Microsoft trademarks or logos is subject to and must follow Microsoft's Trademark & Brand Guidelines. Use of Microsoft trademarks or logos in modified versions of this project must not cause confusion or imply Microsoft sponsorship. Any use of third-party trademarks or logos are subject to those third-party's policies.

Security

Microsoft takes the security of our software products and services seriously, which includes all source code repositories managed through our GitHub organizations, which include Microsoft, Azure, DotNet, AspNet, Xamarin, and our GitHub organizations.

If you believe you have found a security vulnerability in any Microsoft-owned repository that meets Microsoft's Microsoft's definition of a security vulnerability, please report it to us as described below.

Reporting Security Issues

Please do not report security vulnerabilities through public GitHub issues.

Instead, please report them to the Microsoft Security Response Center (MSRC) at https://msrc.microsoft.com/create-report.

If you prefer to submit without logging in, send email to [email protected]. If possible, encrypt your message with our PGP key; please download it from the the Microsoft Security Response Center PGP Key page.

You should receive a response within 24 hours. If for some reason you do not, please follow up via email to ensure we received your original message. Additional information can be found at microsoft.com/msrc.

Please include the requested information listed below (as much as you can provide) to help us better understand the nature and scope of the possible issue:

• Type of issue (e.g. buffer overflow, SQL injection, cross-site scripting, etc.)
• Full paths of source file(s) related to the manifestation of the issue
• The location of the affected source code (tag/branch/commit or direct URL)
• Any special configuration required to reproduce the issue
• Step-by-step instructions to reproduce the issue
• Proof-of-concept or exploit code (if possible)
• Impact of the issue, including how an attacker might exploit the issue

This information will help us triage your report more quickly.

If you are reporting for a bug bounty, more complete reports can contribute to a higher bounty award. Please visit our Microsoft Bug Bounty Program page for more details about our active programs.

Preferred Languages

We prefer all communications to be in English.

Policy

Microsoft follows the principle of Coordinated Vulnerability Disclosure.

powercat-creator-kit's Issues

[Creator Starter Kit] BUG: Cannot Modify Elevation Component

Describe the bug
There is no way to modify the elevation component. The elevation component is not able to be modified from the Canvas Template app. The only way you can modify the component is if you import it from the Canvas Reference app or re-create the component manually.

It would be useful to be able to edit it, make text components like the reference app has, or include all of the elevation text components from the reference app into the template.

To Reproduce
Steps to reproduce the behavior:

1. Add the canvas template app to an unmanaged solution
2. Edit the app and save as
3. Go to the controls screen within the app and try to edit the elevation component.
4. There is no edit option like some of the other components.

Expected behavior
Expected to be able to modify the elevation component in the Canvas Template App to create custom elevation components like the ones on the reference app that have htmltext in it.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: MacOS
• Browser Edge
• Version 103

Additional context
Add any other context about the problem here.

[Feature] Ability to define a border-radius on the Elevation component

Is this request for a new component, or additional functionality for an existing component?
Additional functionality for the existing Elevation code component

Have you validated that your desired feature or component is not already in the backlog?
Yes

Describe the component and functionality you would like to see in the starter kit
A BorderRadius property on the Elevation component

Describe alternatives you've considered
Two approaches:

• Creating a separate HTML text control when a box-shadow with a border-radius is needed
• Forking the powercat-code-components repo and modifying the PCF code component (see below screenshots)

Additional context

There is no border-radius property in the Power CAT Elevation code component, so every use of elevation has square edges by default:

With the option to set a BorderRadius property on the code component, the user can modify the default of 0px if needed:

Having this functionality should eliminate some code duplication and therefore minimize the total cost of ownership if/when this feature is required.

Thanks for the great kit Power CAT team! 😺

[Creator Starter Kit] BUG: Panel OnCloseSelect event firing OnButtonSelect event

Describe the bug
Clicking the Close button seems to be running through the actions listed in the OnButtonSelect property instead of the OnCloseSelect Property.

The close button in the top right of the panel object works as expected and simply collapses the panel.

To Reproduce
Steps to reproduce the behavior:

1. Place a Panel object
2. Edit the OnCloseSelect property to be:
   Notify("Close button selected");
3. edit the OnButtonSelect property to be:
   Notify("Button button selected");
4. Play the application - select the Close button
5. The Notification displayed matches the results of the OnButtonSelect action instead of the one for the OnCloseSelect event

Expected behavior
The Close button is expected to run the OnCloseSelect action

Screenshots

Desktop:

• OS: Windows 10.0.019044)
• Browser: Chrome Version 102.0.5005.63 (Official Build) (64-bit)
• CreatorKit Version 1.0.20220604.1

[Creator Starter Kit] BUG: Left navigation panel is blank in the Creator Kit Reference App

Describe the bug
Not able to see left navigation panel content in the Creator Kit Reference App

To Reproduce
Steps to reproduce the behavior:

1. Go to the Solution - Creator Kit, or Go to the Apps list
2. Click on 'Play' on the app - Creator Kit Reference App
3. See below when the app is played, left navigation is blank

[Creator Starter Kit] Expand Menu missing default property for IsExpand

Describe the bug
There is no provision in 'expand menu' component to specify whether the component should remain expanded or collapsed.

To Reproduce
Steps to reproduce the behavior:

1. Place expand menu component with 3 to 4 options/items in two different screen in canvas app.
2. Play the app and expand the menu.
3. Click on a option which should lead to another screen where the same component is placed
4. The expand menu remains collapsed (Expected to remain expanded)

Current behavior

Expected behavior
If expand menu is placed in two different screen. The expand/collpase behaviour should be consistent.
There needs to be an input property in 'ExpandMenu' component which specifies whether the component should remain expanded or not.

Desktop (please complete the following information):

• OS: Windows11
• Browser Edge
• Version 101.0.1210.47

[Creator Starter Kit] Question on canvas app control naming convention

I can see different naming conventions within "Power CAT Component Library" - Components.

Is there a set guide for the new control naming? For example, "imgSearch", "SpinnerContent"

Question on paging large datasets in the Details list...

I am trying to hook up the details list to a table with 2276 rows, however the paging will never go past 500 (or 2000) or whatever is set.

Is it possible for the totalrecords output to get the total number of rows in a table and page through them? I just can't seem to find a way around this. I have implemented this paging in galleries and can successfully retrieve the whole table.

Have I missed something or is this by design?

[Creator Starter Kit] BUG: Unable to import unmanaged solution

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Download unmanaged solution from releases
2. Import using Power Apps

Expected behavior
Solution imported as unmanaged

Screenshots
If applicable, add screenshots to help explain your problem.

Shows follwoing message and unable to import

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

[Feature] Facepile control

How to promote this component
Please give a thumbs up reaction to this post to promote this backlog item. You may also share your usage scenario in the comments.

Component description
A face pile (Facepile) displays a list of personas. Each circle represents a person and contains their image or initials. Often this control is used when sharing who has access to a specific view or file, or when assigning someone a task within a workflow.

Facepile Fluent UI documentation

[Creator Starter Kit] BUG: Fluent Theme Designer OnSelect property for Upload element launches URL in same tab

Describe the bug
When pressed, the Upload button launches a URL when pressed that opens in the same browser tab as the app.

To Reproduce

1. Open Fluent Theme Designer managed app in Play mode
2. Left mouse click on Upload button

Expected behavior

Upon pressing the button, nothing should occur aside from a state reset from pressed to not pressed.

Screenshots

Hovering over the button reveals the URL:

Result from pressing button:

Desktop (please complete the following information):

• OS: Win10
• Browser chrome and edge
• Version N/A

Additional context
To resolve simply delete info in the OnSelect property of the Upload element.

[DetailsList] | Setting Font and/or Font Size

I would like to be able to set the font and font size used for the DetailsList control. There are no properties exposed that will allow me to do that. The control has a theme property, which I use, but the theme only contains colors, not font selections.

Is there another way to set these? I checked the documentation and did not see anything. Other controls have Font properties, why not this one?

I did not see this listed in the backlog.

Thank you.

[Creator Starter Kit] BUG: OnStart inconsistent between Reference and Template app

Describe the bug
The app theme that is initialized on the OnStart for the Creator Reference App is different than the app theme that is initialized for the Canvas template app. Not sure if this was by design or not, so you cannot use components from the reference app in the template app unless you rename all of the varTheme variables to

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Creator Kit Reference App
Set(varTheme, { palette: { themePrimary: ColorValue("#0078d4"), themeLighterAlt: ColorValue("#eff6fc"), themeLighter: ColorValue("#deecf9"), themeLight: ColorValue("#c7e0f4"), themeTertiary: ColorValue("#71afe5"), themeSecondary: ColorValue("#2b88d8"), themeDarkAlt: ColorValue("#106ebe"), themeDark: ColorValue("#005a9e"), themeDarker: ColorValue("#004578"), neutralLighterAlt: ColorValue("#faf9f8"), neutralLighter: ColorValue("#f3f2f1"), neutralLight: ColorValue("#edebe9"), neutralQuaternaryAlt: ColorValue("#e1dfdd"), neutralQuaternary: ColorValue("#d0d0d0"), neutralTertiaryAlt: ColorValue("#c8c6c4"), neutralTertiary: ColorValue("#a19f9d"), neutralSecondary: ColorValue("#605e5c"), neutralPrimaryAlt: ColorValue("#3b3a39"), neutralPrimary:ColorValue("#323130"), neutralDark: ColorValue("#201f1e"), black: ColorValue("#000000"), white: ColorValue("#ffffff") }, paletteCSS: { themePrimary: "#0078d4", themeLighterAlt: "#eff6fc", themeLighter: "#deecf9", themeLight: "#c7e0f4", themeTertiary: "#71afe5", themeSecondary: "#2b88d8", themeDarkAlt: "#106ebe", themeDark: "#005a9e", themeDarker: "#004578", neutralLighterAlt: "#faf9f8", neutralLighter: "#f3f2f1", neutralLight: "#edebe9", neutralQuaternaryAlt: "#e1dfdd", neutralQuaternary: "#d0d0d0", neutralTertiaryAlt: "#c8c6c4", neutralTertiary: "#a19f9d", neutralSecondary: "#605e5c", neutralPrimaryAlt: "#3b3a39", neutralPrimary:"#323130", neutralDark: "#201f1e", black: "#000000", white: "#ffffff" }, themeJSON:"{""palette"":{ ""themePrimary"": ""#0078d4"", ""themeLighterAlt"": ""#eff6fc"", ""themeLighter"": ""#deecf9"", ""themeLight"": ""#c7e0f4"", ""themeTertiary"": ""#71afe5"", ""themeSecondary"": ""#2b88d8"", ""themeDarkAlt"": ""#106ebe"", ""themeDark"": ""#005a9e"", ""themeDarker"": ""#004578"", ""neutralLighterAlt"": ""#faf9f8"", ""neutralLighter"": ""#f3f2f1"", ""neutralLight"": ""#edebe9"", ""neutralQuaternaryAlt"": ""#e1dfdd"", ""neutralQuaternary"": ""#d0d0d0"", ""neutralTertiaryAlt"": ""#c8c6c4"", ""neutralTertiary"": ""#a19f9d"", ""neutralSecondary"": ""#605e5c"", ""neutralPrimaryAlt"": ""#3b3a39"", ""neutralPrimary"": ""#323130"", ""neutralDark"": ""#201f1e"", ""black"": ""#000000"", ""white"": ""#ffffff"" } }", fontSizes: { xs:10, s:11, m:13, l:16, xl:20 }, U:4 } );

Canvas Template App
Set( AppTheme, { palette: { themePrimary: "#0078d4", themeLighterAlt: "#eff6fc", themeLighter: "#deecf9", themeLight: "#c7e0f4", themeTertiary: "#71afe5", themeSecondary: "#2b88d8", themeDarkAlt: "#106ebe", themeDark: "#005a9e", themeDarker: "#004578", neutralLighterAlt: "#faf9f8", neutralLighter: "#f3f2f1", neutralLight: "#edebe9", neutralQuaternaryAlt: "#e1dfdd", neutralQuaternary: "#d0d0d0", neutralTertiaryAlt: "#c8c6c4", neutralTertiary: "#a19f9d", neutralSecondary: "#605e5c", neutralPrimaryAlt: "#3b3a39", neutralPrimary:"#323130", neutralDark: "#201f1e", black: "#000000", white: "#ffffff" } } ); Set( AppThemeJson, JSON( AppTheme, JSONFormat.IndentFour ) );

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: MacOS
• Browser Edge
• Version 103.0.1264.44 (Official build) (arm64)

Additional context
Both apps should have the same OnStart formula for consistency. Especially if you want to use already built components from the Reference app.

AB#1008

Dialog and Panel accessibility issues

The dialog and panel components seem to suffer from the issues highlighted in the link below, specifically under the 'Dialogs and overlays' section. Is there any thought as to making these components accessible? Perhaps they could be PCFs?

https://docs.microsoft.com/en-us/power-apps/maker/canvas-apps/accessible-apps-limitations

The company I work for has a legal requirement to conform to WACG 2.1 so we would be unable to make use of these components.

[BUG]: ItemDivider set to false renders a blank ContextMenu item

Describe the bug
If you add a { ItemDivider:false }, a blank item in a ContextMenu or CommandBar will render.

To Reproduce
Steps to reproduce the behavior:

1. Add a ContextMenu
2. Add a schema that contains a submenu
   Table(
   { ItemKey: "new",ItemDisplayName: "New",ItemIconName: "Add"},
   { ItemKey:"printall ",ItemDisplayName:"Print all",ItemIconName:"print",ItemParentKey:"print" },
   { ItemKey:"print-specific",ItemDisplayName:"Print specific pages",ItemIconName:"page",ItemParentKey:"print"},
   { ItemParentKey:"print",ItemDivider:false },
   { ItemKey:"print-autosize",ItemDisplayName:"Auto Size",ItemIconName:"PictureStretch",ItemParentKey:"print",ItemChecked:!!varAutoPlayChecked }
   )

Expected behavior
If false, the divider should not render anything

Screenshots

(Reported by Mike during internal Bug Bash July 2022)

[Documentation]: DetailsList needs to show all field names users will see in studio

Docs need to show the actual columns_Items name that shows up in the studio to avoid confusion.

https://github.com/microsoft/powercat-code-components/tree/main/DetailsList

(Reported by Brian during internal Bug Bash July 2022)

[Feature] Reset Property for CheckBox

**Is this request for a new component, or additional functionality for an existing component? **

additional functionality

Have you validated that your desired feature or component is not already in the backlog?

Yes

Describe the component and functionality you would like to see in the starter kit
A clear and concise description of what you want to happen.

There is no way to reset the value with the checkbox you have provided, therefore the checkbox does not work very well in galleries.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

If you use the checkbox in a gallery, there is no way to reset the value after let's say a submission was made. When you come back to that gallery, whatever you checked is still checked.

[Feature] SpinButton

How to promote this component
Please give a thumbs up reaction to this post to promote this backlog item. You may also share your usage scenario in the comments.

Component description
A spin button (SpinButton) allows someone to incrementally adjust a value in small steps. It’s mainly used for numeric values, but other values are supported too.

Fluent UI documentation

[Creator Starter Kit] BUG: Scrolling in the Fluent Theme Designer App is not working.

Describe the bug
Scrolling is not visible and all content is not displayed.

To Reproduce
Steps to reproduce the behavior:

1. Import creator-kit
2. Launch Fluent Theme Designer

Expected behavior
Scroll area appears, showing the area below the attached image.

Screenshots

Desktop (please complete the following information):

• OS: [Windows 11]
• Browser [Edge]
• Version [101.0.1210.47]

[Feature] Calendar

How to promote this component
Please give a thumbs up reaction to this post to promote this backlog item. You may also share your usage scenario in the comments.

Component description
The calendar control lets people select and view a single date or a range of dates in their calendar. It’s made up of 3 separate views: the month view, year view, and decade view.

Tooltip Fluent UI documentation

[Feature] ActivityItem control

How to promote this component
Please give a thumbs up reaction to this post to promote this backlog item. You may also share your usage scenario in the comments.

Component description
An activity item (ActivityItem) represents a person's actions, such as making a comment, mentioning someone with an @mention, editing a document, or moving a file.

Fluent UI documentation

[Creator Starter Kit] Documentation: the 'discussions' link on Github home page leads to a 404 page

On the Github home page for the PowerCAT Creator Kit, the 'discussions' link in paragraph 'Asking and Answering Questions' leads to a 404 page.

[Feature] Tooltip control

How to promote this component
Please give a thumbs up reaction to this post to promote this backlog item. You may also share your usage scenario in the comments.

Component description
A good tooltip briefly describes unlabeled controls or provides a bit of additional information about labeled controls, when this is useful. It can also help customers navigate the UI by offering additional—not redundant—information about control labels, icons, and links. A tooltip should always add valuable information; use sparingly.

Tooltip Fluent UI documentation

[Creator Starter Kit] BUG:

Describe the bug

The apps are mostly blank. So the theme app is 100% blank apart from the header.

The reference app has a bit of text about the auto width label, but the menu on the left is blank and the use and don't use are way down the screen after scrolling and you cannot fully see the text even then.

Not sure if using a Power Apps Developer Environment is the issue?

To Reproduce
Steps to reproduce the behavior:

Version: CreatorKitCore_1.0.20220514.1_managed

1. Imported solution into a Power Apps Developer Environment.

2. Enabled Custom Components via the Power Platform Admin Centre > Selected correct environment > Settings > Features > Toggled on

3. Launch the Reference App and Theme Creator

Expected behavior
Be able to see the reference app and theme creator apps in all there glory.

Screenshots

Desktop (please complete the following information):

• OS: Windows 11
• Browser: Edge

Question: How to render next page for custom pgination

Describe the bug
Using FluentDetailsList with a collection as source, I need to implement the icons for pagination. Based on the documentation, pagination attributes are PageSize, PageNumber, HasNextPage, HasPreviousPage and Total Records. I want to implement an action that, when I click on the "Forward" icon, on OnChange i want to write something like:
If(FluentDetailsListAccounts.HasNextPage, FluentDetailsListAccounts.nextPage())

Not sure which property from the Fluent Details List I can use to show the next set of items after defining the PageSSizee

[Creator Starter Kit] BUG: Fluent Details List (0.0.20) is not rendering index to Zero after unrelate items

Describe the bug
As both tables are using different data sources from Dataverse, there are 1:N relationships. When I unrelate items, the index is not set to zero after unrelated items.

Example Scenario
There are two FluentDetailsList_A and FluentDetailsList_B, with FluentDetailsList_B using Item = FluentDetailsList_A .Selected.'Other Source'.Name.

The rendering is fine when using ForAll Relate Functions to add related items in FluentDetailsList_B, but I have issues when using ForAll Unrelate Functions. FluentDetailsList_B does not render the index to Zero after unrelate selected items. Let's say If I select 4 Items in FluentDetailsList_B to unrelate items, it will be 4 Items in the index as the last value in FluentDetailsList_B until I select other records in FluentDetailsList_B, then it will fix it as the current total number selected records.

How to add content to the Panel component

I have started a new Canvas app using the App Template. I have included a Panel component, but I struggle to get my content into this component. I cannot really find specific instructions in the docs to do this. I'm expecting some kind of placeholder where I can drop my controls in. Or am I just thinking too hard and instead should I follow a different approach by just adding a separate container on top of the dialog and show/hide it with the same 'showHidePanel' variable?

Question: How is this intended to be used by software vendors?

Hi there,

Firstly, the kit is a great idea, so thank you for putting it together and making it available for makers.

I'm not entirely clear on whether, or how, the kit is intended to be used by software vendors. I note that the Use the Creator Kit guide states:

When deploying an app that includes the components, make sure the Creator Kit (managed solution) is already installed in the target environment, or explicitly include the components used in the app in the solution.

Having to install the Creator Kit (in its entirety) in a customer's environment doesn't seem ideal for a software vendor, not least of all because this will result in the installation of several unwanted/unnecessary Apps in the customer's environment (Fluent Theme Designer, etc).

I'm not entirely sure what "explicitly include the components used in the app in the solution" means here. This is presented as an alternative to installing the Kit in the target environment. My understanding is that — as the Component Library and Code Components have the "cat" publisher prefix, these cannot be included in a solution without:

• In the case of the Component Library, creating a copy of the Library in an unmanaged solution created from the release assets, publishing it with the vendor's own solution publisher and including that new Library in the solution
• In the case of the Code Components, building the components from their pcf projects, using the pac cli to pac pcf push them to the development environment with the vendor's own solution publisher prefixas set out in the Power CAT code components repository, and then including each code component in the solution.

This results in the connection between the components and their source being broken, meaning we need to watch for changes to the kit and manually update the various components ourselves from time-to-time. This seems fine for the Code Components, but a bit unwieldy for the Component Library.

Thanks for your help.

[Feature] Change font size

Hi Team,

Thanks for the creator kit. May i know if it is possible to have a custom font size to change? Currently we can only change to either normal or large.

[Creator Starter Kit] BUG: Theme Slot does not work properly

Describe the bug
The close function does not work.
Scrolling will close the opened item.

To Reproduce
Steps to reproduce the behavior:

1. Launch Fluent Theme Designer
2. Scroll down to Theme slots
3. Click on Defaults
4. See error

Expected behavior
The Defaults accordion is closed.

Screenshots

Desktop (please complete the following information):

• OS: Windows 11
• Browser: Edge

Additional context
I used Creator Kit June 2022.
This bug has been confirmed from previous versions.

[BUG]: Link field in DetailList control not resizing

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Create a screen
2. Add DetailList control
3. Connect DetailList control to a data source in Ttems
4. Create column_items with a link field

        ...
        {
	
            ColName: "DocumentLink",
            ColDisplayName: "Link",
            ColSortable: true,
            ColWidth: If(
                screenName.Size = 1,
                340, 200
            ),
            ColRowHeader: true,
            ColResizable: true,
            ColCellType: "link",
            ColShowAsSubTextOf: If(
                screenName.Size = 1,
                "DateRequested"
            ),
            ColInlineLabel: If(
                screenName.Size = 1,
                "Link:"
            )
        },
       ...

Expected behavior

The Column Width of link field should be the same as the other text fields

Screenshots

Desktop (please complete the following information):

• OS: Windows 10
• Browser: Firefox Developer Edition

Is it possible to include font size property to the component

Need flexibility to change the font type and size of the text. When using with high resolution canvas apps(1920x1080), text is barely visible and difficult to read.

[Creator Starter Kit] BUG: Unable to view content on bottom of pages

Describe the bug
Vertical Scroll is not working on several pages of the Reference App and Theme Designer.

To Reproduce
FOR REFERENCE APP
Steps to reproduce the behavior:

1. Go to 'Surfaces | Panel' or 'Surfaces | Dialog' or 'Progress | Spinner' or 'Progress | Progress Indicator'
2. Try to scroll to see content on bottom of page.

FOR THEME DESIGNER
Steps to reproduce the behavior:

1. Try to scroll to see content on bottom of page. (had to set Vertical Overflow to Scroll)

Expected behavior
View all content on the page.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: Win10
• Browser: Chrome
• Version 101.0.4951.67

Additional context
Add any other context about the problem here.

[Feature] Ability to configure whether toggle closes upon click or not

**Is this request for a new component, or additional functionality for an existing component? **
Existing - ContextMenu & CommandBar

Have you validated that your desired feature or component is not already in the backlog?
Yes

Describe the component and functionality you would like to see in the starter kit
Some users might want the ability to choose if the toggle action (which is happening onSelect) will close the submenu that the toggle is found on.

(Reported by Mike during internal Bug Bash July 2022)

[BUG]: DetailsList loads data slowly in Canvas app for large datasets

Describe the bug
DetailsList in canvas apps loads slowly for large page sizes

To Reproduce
Steps to reproduce the behavior:

1. Setup DetailsList with large data set (>500 records)
2. Enable Large Dataset paging
3. Set Page size to 1000
4. Scroll to the bottom of the page quickly
5. Data does not load immediately (takes at least 5 seconds)

Expected behavior
Expect speed of custom pages, where data is loaded immediately

(Reported by Brian during internal Bug Bash July 2022)

[Feature] Persona control

How to promote this component
Please give a thumbs up reaction to this post to promote this backlog item. You may also share your usage scenario in the comments.

Component description
A persona is a visual representation of a person across products, typically showcasing the image that person has chosen to upload themselves. The control can also be used to show that person's online status.

Fluent UI documentation

[Feature] Drag and Drop File Uploader

New Component

Drag and Drop File Uploader
Ability to update File Upload area to Drag and Drop area where you can simply... drag and drop the files you want to attach, then review what you have selected for import, then import. The current process is too many clicks and clunky (per my end users).

Similar in use to: https://www.npmjs.com/package/react-drag-drop-files

[Feature] Default height and width should be set to typical dimensions for the control

Many of the controls are added with the dimensions of a square (200 x 200) which is not the typical for the control.

It would be nice to have the components render in a more typical dimension so less adjustments need to be made and the user knows more what to expect.

(Reported by Brian from the internal bug bash July 2022)

[Documentation] Item table ItemIconColor values can override component's general theme colors.

Call out that components that render menu items (e.g., ContextMenu, CommandBar), if an ItemIconColor is set in the Items table, that value will override the general component's theme. It will even ignore other state colors (e.g., disabled).

(Reported by Brian during internal bug bash July 2022)

[Feature] Default & Reset Properties for the SearchBox

Is this request for a new component, or additional functionality for an existing component?
additional functionality for an existing component

Have you validated that your desired feature or component is not already in the backlog?
yes

Describe the component and functionality you would like to see in the starter kit

• Ability to set the default value of the SearchBox (either from a variable or hard coded).
• Ability to reset the SearchBox to its default value by calling a "Reset()" or updating the variable associated with it's Default property

Describe alternatives you've considered
No current alternatives that I can think of, currently the only way to reset the control is to select & delete the text in the SearchBox

Additional context

[Feature] SubwayNav control

How to promote this component
Please give a thumbs up reaction to this post to promote this backlog item. You may also share your usage scenario in the comments.

Component description
The Subway Nav control allows you to visualize the steps required for a given wizard.

M365 documentation

[Bug]: Change Event not fired in Theme Primary Color Field after dynamic Variable Input

Hello,

I use the Theme Editor, to manage different Themes in the Company.
I have found a Issue when i try to load existing Primary Color value from my Theme to the Properties field (Primary Color) in Theme Editor Component over variables.

Primary Color make no change after Updating the Variable over Powerapps.
Text Color and Background Color works fine.

Now i don´t change the Primary Color and i export the Json, so it is give me only the Default Value from Primary Color.

Example:

i change the Themes Colors over the Input Fields and i save this.

now i reopen the Theme and you can see the primary color set to Default Color-Value (Blue), although I changed the color to "#00ffff".

i use Windows 11 and Microsoft Edge with newest Updates.

AB#1005

[Creator Starter Kit] BUG:

Creator Kit downloaded & installed successfully from https://docs.microsoft.com/en-gb/power-platform/guidance/creator-kit/overview

I opened the creator Kit reference App expecting to view

As shown in April Dunnam's excellent YouTube demo https://www.youtube.com/watch?v=L599ttvkXwI&t=1s

Instead, I viewed

blank.

I downloaded it again and installed it into a different Power App environment and got the same result.

Is the issue with me or is there a bug?

Thank you.

[Backlog] Shimmer

How to promote this component
Please give a thumbs up reaction to this post to promote this backlog item. Please share your usage scenario in the comments.

Component description
Shimmer is a temporary animation placeholder for when a service call takes time to return data and we don't want to block rendering the rest of the UI.

Fluent UI documentation

[Feature] DetailsList paging should show the top of the next page

**Is this request for a new component, or additional functionality for an existing component? **
Existing component - DetailsList

Describe the component and functionality you would like to see in the starter kit
DetailsList paging - going to the next page should jump to the top of the list when the next page is displayed.

Additional context
If this is implemented with Setting the record, that should be explicitly called out in the documentation.

(Reported by Brian during internal Bug Bash July 2022)

Any capability to change date format of Sharepoint List when using the Details List

Using the details list is it possible to change the date format of the Powercat details list.

Regional Site settings has been set correctly to Australia, however details list ignores this setting and displays as US date format.

Any help will be appreciated.

CREATOR KIT REFERENCE APP Looks different then it was previewed

Hi dear wonderful powercat team, this is my first ever experience in creating an issue, please excuse for any mistake,

so yesterday i have seen the announcement on twitter and today i have started following this guide to get started, and after successfully deploying the solution i have opened CREATOR KIT REFERENCE APP then i noticed something is not right, i just took the screenshot and opening this issue, i know it's pre-release and Creator-kit in preview so i thought i should let you know this issue, Thank you very much what you've been doing for every Power Platform user out there, kudos 👍🏼

[Feature] DocumentCard control

How to promote this component
Please give a thumbs up reaction to this post to promote this backlog item. You may also share your usage scenario in the comments.

Component description
A document card (DocumentCard) represents a file, and contains additional metadata or actions. This offers people a richer view into a file than the typical grid view.

Fluent UI documentation

[Creator Starter Kit] BUG: Details List Date Formatting Issue

Using the details list is it possible to change the date format of the Powercat details list.
Regional Site settings has been set correctly to Australia, however details list ignores this setting and displays as US date format.
Any help will be appreciated.

Steps to reproduce the behavior:

1. Add Australian formatted sharepoint list to the details list

Expected behavior
Match formatting of datasource or option to change date formats

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: Win10
• Browser Chrome
  

[Feature] All property names should have full display names

For DetailsList properties, it would be nice to have property names with full names for accessibility

(Reported by Brian during internal Bug Bash July 2022)

[Creator Starter Kit] BUG: Bunch of Components do now show up.

After importing the solution and creating an unmanaged solution, I imported the Canvas Template and I do not see a bunch of components.

The left controls on the right is ok, everything on the right-side no.

Instructions: https://docs.microsoft.com/en-us/power-platform/guidance/creator-kit/creator-kit-explained

Downloaded from: https://docs.microsoft.com/en-us/power-platform/guidance/creator-kit/overview

Screenshot with the issue.