Power Apps Gallery Design Tutorial | Gallery UI styles
90 هزار بار بازدید -
2 سال پیش
-
In this Power Apps design
In this Power Apps design tutorial video, I will showcase how to transform the out of the box Gallery design (UI/UX) styles. We will improve the gallery design by using out the box controls and properties (No usage of SVG or HTML controls).
We will create a card like gallery design using template padding, add mouse hover effect on gallery items (transition effect - push or pop), leverage buttons to set background color of items and create rounded corners using border radius, provide cursor hand mouse hover effect on all controls within gallery by superimposing a transparent button, show horizontal bar leveraging rectangle shape controls, use emojis, append text, conditional formatting, Apply dark and light themes to gallery styles, Change gallery colors using theme variables and more.
Looking for more gallery design ideas?
Check Power Apps Gallery Design Ideas
Link to download the Gallery Look book App - https://github.com/rdorrani/PowerApps...
Contains 5 different Power Apps Gallery Design Ideas. 5 different gallery layouts styles to choose from.
#PowerApps #PowerPlatform #Gallery #Design
Table of Contents:
00:00 - Introduction to Gallery Designs in Power Apps
00:33 - Scenario/Example for Power Apps Gallery UI & gallery properties
01:31 - Gallery design (UI) power apps example
02:40 - Transform PowerApps gallery design step by step tutorial
03:41 - Set template padding for power apps gallery
04:08 - Hover effect for gallery items (transition - push or pop)
04:39 - Hover effect for power apps gallery items (cursor hand icon)
06:23 - Gallery scrollbar or navigation step
06:51 - Append text and emojis to gallery data
07:25 - Create SharePoint choice column "Choice Pills" like formatting using buttons
09:23 - Create horizontal bar in power apps gallery to display numeric data
11:17 - Power Apps Gallery UI design example walkthrough
12:01 - Conditional formatting in Power Apps galleries
12:24 - Change PowerApps gallery theme (styles/colors/UI) using variables (light mode and dark mode design)
13:44 - Power Apps Gallery UI design ideas
16:13 - Subscribe to Reza Dorrani channel
🤝 Let’s connect on social:
🔗 Reza Dorrani LinkedIn: LinkedIn: rezadorrani
🐦 Reza Dorrani Twitter: Twitter: rezadorrani
We will create a card like gallery design using template padding, add mouse hover effect on gallery items (transition effect - push or pop), leverage buttons to set background color of items and create rounded corners using border radius, provide cursor hand mouse hover effect on all controls within gallery by superimposing a transparent button, show horizontal bar leveraging rectangle shape controls, use emojis, append text, conditional formatting, Apply dark and light themes to gallery styles, Change gallery colors using theme variables and more.
Looking for more gallery design ideas?
Check Power Apps Gallery Design Ideas
Link to download the Gallery Look book App - https://github.com/rdorrani/PowerApps...
Contains 5 different Power Apps Gallery Design Ideas. 5 different gallery layouts styles to choose from.
#PowerApps #PowerPlatform #Gallery #Design
Table of Contents:
00:00 - Introduction to Gallery Designs in Power Apps
00:33 - Scenario/Example for Power Apps Gallery UI & gallery properties
01:31 - Gallery design (UI) power apps example
02:40 - Transform PowerApps gallery design step by step tutorial
03:41 - Set template padding for power apps gallery
04:08 - Hover effect for gallery items (transition - push or pop)
04:39 - Hover effect for power apps gallery items (cursor hand icon)
06:23 - Gallery scrollbar or navigation step
06:51 - Append text and emojis to gallery data
07:25 - Create SharePoint choice column "Choice Pills" like formatting using buttons
09:23 - Create horizontal bar in power apps gallery to display numeric data
11:17 - Power Apps Gallery UI design example walkthrough
12:01 - Conditional formatting in Power Apps galleries
12:24 - Change PowerApps gallery theme (styles/colors/UI) using variables (light mode and dark mode design)
13:44 - Power Apps Gallery UI design ideas
16:13 - Subscribe to Reza Dorrani channel
🤝 Let’s connect on social:
🔗 Reza Dorrani LinkedIn: LinkedIn: rezadorrani
🐦 Reza Dorrani Twitter: Twitter: rezadorrani
2 سال پیش
در تاریخ 1401/10/19 منتشر شده
است.
90,022
بـار بازدید شده