Canvas Apps
![How To Build Responsive Gallery using PowerApps | Canvas App How To Build Responsive Gallery using PowerApps | Canvas App](https://i0.wp.com/365stack.in/wp-content/uploads/2021/07/Responsivegallery.png?fit=640%2C473&ssl=1?v=1625418734)
How To Build Responsive Gallery using PowerApps | Canvas App
To activate responsiveness turn off the app’s Scale to fit setting, which is on by default and turn off Lock aspect ratio because you’re no longer designing for a specific screen shape.
![](https://i0.wp.com/365stack.in/wp-content/uploads/2021/07/scale-to-fit-off.png?resize=640%2C403&ssl=1)
For Dynamic Layout:
To create a responsive design, you locate and size each control by using formulas instead of static values.
Width | Parent.Width |
Height | Parent.Height |
Understand Screen sizes and breakpoints
You can adjust your screen based on the size of the device.
Screen Size | Return Value |
---|---|
ScreenSize.Small | 1 |
ScreenSize.Medium | 2 |
ScreenSize.Large | 3 |
ScreenSize.ExtraLarge | 4 |
Parent.Size property will return your current screen size.
Switch(
Parent.Size,
ScreenSize.Small,
1,ScreenSize.Medium,2,
ScreenSize.Large,3,
4
)
Check our below video for more detailed walkthrough.
Happy Building…!!! š
0
Tags :