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.
🟣 Use the Button control:
✔️ Card style gallery items with rounded edges
✔️ Hover effect
🟣 Use the Rectangle Shape control:
✔️ Horizontal bar
🟣 Use Variables to store theme colors for Gallery
✔️ Apply themes to gallery styles
Thanks,
Reza Dorrani
YouTube
Twitter
