Build Power Apps Navigation & Flyout Menus with Modern Tab List control 🚀
61.2 هزار بار بازدید -
12 ماه پیش
-
In this Power Apps beginner
In this Power Apps beginner video tutorial, we will learn how to build Navigation Menus and Flyout Menu experiences in Canvas PowerApps using the Modern Tab List control.
A Tab list is a navigation control which can help users switch between different context (screens, Launch URL or logout user) within the app. You can add a list of items to tabs or select a source field for the list in tabs to appear.
We can set the direction of the Tab List Navigation Menu to horizontal or vertical (Left Navigation and Top Navigation).
In cases where the width of the Power Apps tab list control is smaller than the width of individual items, tab list will showcase ... ellipses option. Simply click on it, and you'll be treated to a fantastic flyout experience that showcases all the tab options.
We will build the Power Apps Navigation items from a collection (can be built dynamically from a data source as well) and accordingly take different actions on click of menu items.
The flyout experience will be used in a gallery context, where the user can select it from a gallery item and then take actions for the selected PowerApps gallery item.
What are Power Apps Modern Controls?
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.
⬇️ Download Power App showcased in the video:
Exclusive for Channel Members (Silver Club 🥈 or higher).
Find the download link in the Community Tab for Members.
To become a member, click here: https://www.youtube.com/rezadorrani/join
🔗 Tabs or tab list modern control in Power Apps
https://learn.microsoft.com/en-us/pow...
🔗 Power Apps Navigation Menu Component (2 level menu)
Power Apps Navigation Menu Component ...
#PowerApps #PowerPlatform #Microsoft #FluentDesign
Table of Contents:
00:00 - Introduction to Power Apps Navigation & flyout Menus with Modern Tab List control
00:45 - Demo of Modern PowerApps tab list control
02:35 - Build Navigation Menu in Power Apps with Modern Tab List control
03:49 - Add modern tab list control to your Power App
12:06 - Build Power Apps flyout menu with tab list modern control
16:10 - READY to subscribe to Reza Dorrani’s channel
🤝 Let’s connect on social:
🔗 Reza Dorrani LinkedIn: LinkedIn: rezadorrani
🐦 Reza Dorrani Twitter: Twitter: rezadorrani
A Tab list is a navigation control which can help users switch between different context (screens, Launch URL or logout user) within the app. You can add a list of items to tabs or select a source field for the list in tabs to appear.
We can set the direction of the Tab List Navigation Menu to horizontal or vertical (Left Navigation and Top Navigation).
In cases where the width of the Power Apps tab list control is smaller than the width of individual items, tab list will showcase ... ellipses option. Simply click on it, and you'll be treated to a fantastic flyout experience that showcases all the tab options.
We will build the Power Apps Navigation items from a collection (can be built dynamically from a data source as well) and accordingly take different actions on click of menu items.
The flyout experience will be used in a gallery context, where the user can select it from a gallery item and then take actions for the selected PowerApps gallery item.
What are Power Apps Modern Controls?
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.
⬇️ Download Power App showcased in the video:
Exclusive for Channel Members (Silver Club 🥈 or higher).
Find the download link in the Community Tab for Members.
To become a member, click here: https://www.youtube.com/rezadorrani/join
🔗 Tabs or tab list modern control in Power Apps
https://learn.microsoft.com/en-us/pow...
🔗 Power Apps Navigation Menu Component (2 level menu)
Power Apps Navigation Menu Component ...
#PowerApps #PowerPlatform #Microsoft #FluentDesign
Table of Contents:
00:00 - Introduction to Power Apps Navigation & flyout Menus with Modern Tab List control
00:45 - Demo of Modern PowerApps tab list control
02:35 - Build Navigation Menu in Power Apps with Modern Tab List control
03:49 - Add modern tab list control to your Power App
12:06 - Build Power Apps flyout menu with tab list modern control
16:10 - READY to subscribe to Reza Dorrani’s channel
🤝 Let’s connect on social:
🔗 Reza Dorrani LinkedIn: LinkedIn: rezadorrani
🐦 Reza Dorrani Twitter: Twitter: rezadorrani
12 ماه پیش
در تاریخ 1402/05/16 منتشر شده
است.
61,283
بـار بازدید شده