Modern Controls In Power Apps For Canvas Apps

Introduction

Modern controls in Power Apps are a new set of controls based on Microsoft's Fluent design system. They are designed to be quick and simple for makers to configure and visually appealing, highly functional, and intuitive for end-users. In this blog post, I will show you how to use some modern controls in your canvas app and what benefits they offer.

To enable modern controls for your app, you need to go to Settings > Upcoming features and turn on the toggle to try the modern controls. Then, you can insert modern controls from the Insert menu under Modern controls. You will see a list of all the available modern controls, such as a button, checkbox, date picker, tab list, progress bar, info button, spinner, radio group, link, badge, and more.

Modern Controls in Power Apps for canvas apps

Let's look at some modern controls and how to use them in your app.

Tab list

This control allows you to create a navigation menu with tabs that can switch between different screens or galleries in your app. You can configure the tab names, icons, colors, and actions from the properties panel. You can also use formulas to dynamically change the tab properties based on user input or app logic.

Modern Controls in Power Apps for canvas apps

Progress bar

This control allows you to display a visual indicator of the progress of a task or process in your app. You can configure the color, shape, size, and orientation of the progress bar from the properties panel. You can also use formulas to set the value and maximum value of the progress bar based on your app logic.

Modern Controls in Power Apps for canvas apps

Spinner

This control allows you to display the loader in the app. It can be used to display the loading of records and pages. You can also use formulas to dynamically change the info button properties based on user input or app logic.

Modern Controls in Power Apps for canvas apps

These are just some examples of using modern controls in your canvas app. Modern controls are designed with theming and per control styling in mind, so you can easily customize them to match your app's look and feel. They are also optimized for accessibility, usability, and performance to create a more engaging and responsive app experience for your users.

Demo of Modern Controls

Modern Controls in Power Apps for canvas apps

Thank you for reading! I hope you enjoyed this blog post and learned something new about modern controls in Power Apps. If you have any feedback or questions, please comment below or visit the community forum.