Get started with Modern Controls in Canvas Power Apps
Power Apps
Apr 3, 2023 3:00 PM

Get started with Modern Controls in Canvas Power Apps

by HubSite 365 about Reza Dorrani

Principal Program Manager at Microsoft Power CAT Team | Power Platform Content Creator

Citizen DeveloperPower AppsPower SelectionM365 Hot News

This tutorial video introduces the new modern controls available for Canvas Power Apps. Modern controls in Canvas Power Apps are a new set of controls that are

This tutorial video introduces the new modern controls available for Canvas Power Apps.

Modern controls in Canvas Power Apps are a new set of controls that are based on Microsoft’s own Fluent design system. Modern controls are quicker and simpler for makers to configure. Modern controls are designed with a focus on accessibility, usability, and performance (fast) that makes them visually appealing, highly functional, and intuitive to use.

The initial release of modern controls includes button, checkbox, date picker, tab list, progress bar, info button, spinner, radio group, link, checkbox, badge etc.

Theming – Designed with theming in mind. Although not part of the initial launch, support for theming and per control styling is coming to the preview soon.

Announcement of Modern Controls in Canvas Power Apps

https://powerapps.microsoft.com/en-us/blog/modern-controls-coming-to-canvas-apps/

Overview of modern controls in canvas apps

https://learn.microsoft.com/en-us/power-apps/maker/canvas-apps/controls/modern-controls/overview-modern-controls

Download sample App showcased in video with modern controls

https://github.com/rdorrani/PowerApps/tree/master/ModernControls]

Table of Contents:

  • 00:00 - Introduction to Modern Controls in Canvas Power Apps
  • 00:41 - New Modern Controls in PowerApps
  • 01:10 - Explore Modern Controls in Power Apps
  • 01:18 - Tabs or tab list
  • 01:55 - Modern Text input control
  • 02:13 - Progress Bar
  • 02:53 - Radio group
  • 03:08 - Modern button control
  • 03:22 - Modern checkbox control
  • 03:31 - Modern date picker controls
  • 03:57 - Modern dropdown control
  • 04:13 - Spinner control
  • 04:26 - Info button control
  • 04:59 - Modern Text control
  • 05:30 - Link control
  • 05:55 - How to Enable Modern Controls in Canvas Power Apps?
  • 06:12 - Example of Canvas Power App with Modern Controls
  • 07:20 - Demo of Power Apps Modern Controls in SharePoint customized form
  • 07:38 - Subscribe to Reza Dorrani channel

7 days ago — Modern controls in canvas apps are a new set of controls that are based on Microsoft design system. Modern controls are quicker and simpler ...

Kristine Kolodziejski has started a new blog which is all about powerapps and power platform. In one of her first post she explains how to integrate FluentUI ...

4 days ago — Now you'll be able to find the new controls under 'Insert' then 'Modern controls'. A look at the new controls. So let's take a look at what we' ...