Citizen Developer
Timespan
explore our new search
Modernize your Power Apps with Theming
Power Apps
Aug 22, 2023 7:00 AM

Modernize your Power Apps with Theming

by HubSite 365 about Reza Dorrani

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

Citizen DeveloperPower SelectionPower AppsLearning Selection

Responsive Gallery Designs & Modern Controls

Welcome to the Power Apps Modernization Tutorial, aiming to take Power Apps development advancements to the next level. Traditional gallery design in Power Apps is revisited, discussing its limitations and the importance of a modern upgrade. The potential of modern Power Apps themes in the making of visually compelling and unified user interfaces is explored, showcasing how these themes can be used on classic and modern controls.

Discover multiple modern controls that can be flawlessly implanted into Power Apps galleries, adding a level of dynamism and interactivity. The notion of building responsive Power Apps, capable of seamlessly adjusting to diverse devices and screen sizes is elaborated. The principle of responsive design combined with modern controls aids in the creation of engaging and intuitive gallery interfaces.

 
  • Introduction to Power Apps Modernization Pressentation
  • Limitations of Classic Power Apps Gallery Design
  • Introduction of Modern Power Apps Themes
  • Modern Controls in Power Apps Galleries
  • The concept of Building Responsive Modern Power Apps
  • Principles of Responsive Power Apps Gallery & Controls
 

Subscription and download options for samples of Power App as shown in the video are exclusive for Silver and Gold Club Members of the Channel. Find the download link in the Community Tab for Members.

Modernizing Your Power Apps

The tutorial highlights the importance and method of modernizing your classic Power Apps. The discussion underlines the limitations of traditional gallery design. The introduction of Power Apps themes aims to bring about visually appealing and cohesive user interfaces. This can be integrated with various controls. Furthermore, an emphasis is laid on building responsive Power Apps that adapt according to different devices and screen sizes. The amalgamation of responsive design principles with modern controls brings about an engaging gallery interface.

Learn about Modernize your Power Apps with Theming, Responsive Gallery Designs & Modern Controls

Modernizing Power Apps is an important step in creating visually appealing and cohesive user interfaces. This tutorial video will show you how to modernize your Classic Power Apps with Theming, Responsive Gallery Designs, and Modern Controls. We will look at the traditional gallery design approach in Power Apps and explore its limitations, before introducing modern Power Apps themes and modern controls. You will then learn how to design responsive Power Apps that adapt to different devices and screen sizes, and how to create intuitive and engaging gallery interfaces. Finally, you will be able to download a sample Power App showcased in the video, and connect with Reza Dorrani on social media for further support.

Table of Contents:

00:00 - Introduction to Power Apps Modernization Tutorial Video

00:40 - Classic Power Apps Gallery design experience

01:17 - Modern Power Apps with Theming & Responsive Gallery design

02:52 - PowerApps themes

04:02 - Introducing Modern Power Apps Themes

08:00 - Modern controls in Power Apps Galleries

13:05 - Building Responsive Modern Power Apps

17:24 - Responsive Power Apps Gallery & controls

22:18 - READY to subscribe to Reza Dorrani’s channel

Let’s connect on social:

Reza Dorrani LinkedIn: www.linkedin.com/in/rezadorrani/

Reza Dorrani Twitter: twitter.com/rezadorrani

 

More links on about Modernize your Power Apps with Theming, Responsive Gallery Designs & Modern Controls

July 2023 updates for modernization in Power Apps
Aug 7, 2023 — Per control styling – We recognize that specific components in an app may need to be styled independent of the theme to achieve the desired app ...
Create responsive layouts in canvas apps - Power Apps
Dec 15, 2022 — To create a responsive design, you locate and size each control by using formulas instead of absolute (constant) coordinate values. These ...
Design a custom page for your model-driven app
Jun 2, 2022 — Responsive custom page layouts are defined by building a hierarchy of Horizontal layout container and Vertical layout container controls. These ...
Create a canvas app from an image - Power Apps
Dec 15, 2022 — Learn about how to use your own designs saved in image formats and create canvas apps from them.
Power Apps Gallery Design & UX Guidelines
Power Apps Gallery Design & UX Guidelines. Table Of Contents: • Design Empty States • Refresh Gallery To Show Current Data • Reset The Gallery Scroll ...

Keywords

modernize power apps, Power Apps modernization tutorial, modern Power Apps, modernizing Classic Power Apps, modern Power Apps Themes, modern controls Power Apps, Responsive Modern Power Apps, Responsive Power Apps Gallery, Reza Dorrani