Canvas Apps
How To Build Responsive Gallery using PowerApps | Canvas App

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.

WidthParent.Width
HeightParent.Height

Understand Screen sizes and breakpoints

You can adjust your screen based on the size of the device.

Screen SizeReturn Value
ScreenSize.Small1
ScreenSize.Medium2
ScreenSize.Large3
ScreenSize.ExtraLarge4

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.

YouTube player

Happy Building…!!! šŸ™‚

0

Leave a Reply

%d bloggers like this: