Canvas Apps
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.
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 :