Welcome to the Complete Power Apps Modern Controls Guide
On this page you will find documentation on how to use all 13 of the Power Apps Modern controls. Every modern control property is described to tell you how it works. You’ll also find handy usage tips.
Why did I create this guide?
- The official documentation for each Power Apps modern control is not finished yet and I wanted a reference right now.
- I like documentation with lots of pictures to show what changing control’s properties actually does
- As the modern controls library expands I can give my own commentary on proper usage and limitations
I hope you enjoy the Complete Power Apps Modern Controls Guide
List Of Power Apps Modern Controls
| Badge | Display short items of information, such as a person’s initials or a status indicator. |
| Button | Triggers an action when clicked or tapped |
| Checkbox | Allows the user to select one or more options from a list of choices. |
| Date Picker | Enables the user to select a date from a calendar. |
| Dropdown | Allows users to select one option from a list of predefined options by clicking or tapping on a downward arrow. |
| Info Button | Provides additional information or context about a particular feature, field or setting within an app |
| Link | Clickable element that redirects users to a web page |
| Progress Bar | Visual representation of the completion status of a task or process. |
| Radio Group | Allows users to select one option from a set of mutually exclusive options. |
| Spinner | Visual element that indicates to the user that content is being loaded or processed. |
| Tab List | Displays a set of tabs, each representing a different section or page within an app. |
| Text Input | Lets users enter text or data into a form or field. |
| Text | Displays descriptive text or instructions for other user interface components. |
Enable Power Apps Modern Controls
Power Apps Modern Controls are not turned on in studio mode by default. Go the Settings menu > General and then toggle on the feature named Modern controls and Themes.
Did You Enjoy This Article? 😺
Subscribe to get new Power Apps articles sent to your inbox each week for FREE
Questions?
If you have any questions or feedback about The Complete Power Apps Modern Controls Guide please leave a message in the comments section below. You can post using your email address and are not required to create an account to join the discussion.
Hi Matthew,
I Don’t suppose you’ve managed to figure out how to change the format of the modern controls Datepicker? It defaults to mm/dd/yyyy but in the UK we use dd/mm/yyyy…. There doesn’t seem to be a ‘Format’ property like in the old datepicker, so I’m not sure if it’s possible or not
Kind Regards,
Rees
Rees,
Not yet. I assume it’s coming. These controls have been released in a bare bones state to get feedback. They will continue to be improved upon.
I thought that was the case, thank you for confirming 🙂
https://www.spguides.com/date-time-picker-in-powerapps/
This may help. Look for Format under PowerApps Date Picker Properties.
dot NET 6.0 added options for customizing Date Picker formats.
Sorry, but that is referring to the classic Date Picker. Not the modern one.
At this point, you may be required to use a text field with a formula:
Text(DateValue(DatePicker1, “fr”))
where “fr” is for France and the French format their date-times as dd,mmmm,yyyy
Set for Format setting of the DatePicker field to “dd/mm/yyyy”
Saw on twitter, this article is at the top of the search result for Power Apps modern controls. I checked all the controls, you have explained really well, with simple examples. Appreciated.
Bijay,
Thank you. My goal is to keep this guide updated as the controls are improved upon.
Hi Mathew,
Are you aware of a way to reset or clear the modern datepicker? I’ve tried the Reset() function but it doesn’t appear to work. Nor does it have the Reset property that the legacy controls have.
Thanks
Ken
Ken,
I think it’s not functional like it should be yet…
Hi Matthew, have you seen any post saying when the modern controls gets into GA state? I really like the new ccontrols like the “TabList” but I this is stil listed as experimental.
Christer R
Does anyone else have the problem, that selecting the modern controls makes other controls and galleries blurry? As soon as I’ve made my selection, everything goes back to normal. Might have something to do with using containers. I know it’s still experimental, can’t wait for them to be finished with hopefully all properties from the old controls.
Any way to change the text color for a tab list?
This list needs updated they added way more modern controls now.
Gary,
I agree. I’ll get back to it soon.
They also moved the toggle to the general tab
I don’t know if I’m losing my mind or what, but I don’t have the option to try modern controls in “Upcoming Features”. I would really like to use them. Any idea as to why I don’t have the option?
As JT– mentioned – it’s not in “Upcoming Features” anymore but in Settings→General section.
Syd,
Thanks for the note. I updated it now.
Nine month later and still the properties of these modern control not very user friendly. Does it really make sense to use it in projects?
Syd,
Once the control look and feel can be customized then it will be time to use them and not touch classic. As of this moment, that has not happened.
Great article and I appreciate all your efforts! I did have a quick question. How do we effectively use the Modern Combobox? When trying to display a form using the modern combobox I see the following for a People Picker:
After modifying the data fields to show the correct information I’d like, such as DisplayName or Email, I can use the combobox similarly to the Classic version; however, there’s one catch.
I’m unable to get all users via the People Picker. It only shows the first few. I have done some research and saw that you can use something like this in the Items to effectively get at least 999 users; however, it makes the dropdown from the combobox enormous.
items = Office365Users.SearchUser({searchTerm: "", top: 999})I’m trying to figure out a way to better use the modern combobox, but it seems very limited. I’ve even tried overlaying a text input with OnChange and forcing a search without success.
Do you have any insight into when or how to use the Modern combobox effectively?