Power Apps Responsive Containers & Screen Templates 11-17-2020 07:56 AM

[RezaDorrani]

Hello,

In this Microsoft PowerApps tutorial for Responsive design, we will walk through setting up your App for responsiveness with the new responsive horizontal and vertical containers.

We will also leverage the responsive screen templates.

If you create a responsive screen, controls can respond to different devices or window sizes, making various experiences feel more natural.

Responsive Design Using formulas - https://youtu.be/HIS36rspx6g 

Microsoft Blog: https://docs.microsoft.com/en-us/powerapps/maker/canvas-apps/create-responsive-layout 

#PowerApps #ResponsiveDesign #ResponsiveApps #Containers #HorizontalContainer #VerticalContainer

watch?v=bND8yN4jng0

[KKDevBox]

Love it... Thanks for sharing this Reza

[tshailendra]

Just waiting for such layouts to make better UI.  

@RezaDorrani 

I tried using sidebar layout on an existing screen with title, some this works fine on browser but neither in Window PowerApps or Mobile App (iOS).  Hope these issues will be fixed in future releases.

desktop_collapse/expand (png) - when collapsed (just setting the width of the left panel as required)

WinApp.png - When testing on PowerApps for Win 10 or iOS. Even the top "<" position is not proper