The Complete Power Apps Modern Controls Guide

The Complete Power Apps Modern Controls Guide

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

BadgeDisplay short items of information, such as a person’s initials or a status indicator.
ButtonTriggers an action when clicked or tapped
CheckboxAllows 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.
DropdownAllows users to select one option from a list of predefined options by clicking or tapping on a downward arrow.
Info ButtonProvides additional information or context about a particular feature, field or setting within an app
LinkClickable element that redirects users to a web page
Progress Bar Visual representation of the completion status of a task or process.
Radio GroupAllows users to select one option from a set of mutually exclusive options.
SpinnerVisual element that indicates to the user that content is being loaded or processed.
Tab ListDisplays a set of tabs, each representing a different section or page within an app.
Text InputLets users enter text or data into a form or field.
TextDisplays 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 > Upcoming Features and then toggle on the feature named Try out the modern controls.





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.

Subscribe
Notify of
guest

16 Comments
Oldest
Newest
Inline Feedbacks
View all comments
Rees
7 months ago

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
7 months ago

I thought that was the case, thank you for confirming 🙂

jubydude
jubydude
7 months ago
Reply to  Rees

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.

jubydude
jubydude
7 months ago
Reply to  Rees

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

jubydude
jubydude
7 months ago
Reply to  Rees

Set for Format setting of the DatePicker field to “dd/mm/yyyy”

Bijay
7 months ago

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.

Ken Kapp
Ken Kapp
4 months ago

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

Christer Russberg
Christer Russberg
3 months ago

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

Kimmel
Kimmel
3 months ago

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.

brett
brett
1 month ago

Any way to change the text color for a tab list?

Gary
Gary
1 month ago

This list needs updated they added way more modern controls now.