web
You’re offline. This is a read only version of the page.
close
Skip to main content

Notifications

Announcements

Community site session details

Community site session details

Session Id :

Power Apps Responsive Containers & Screen Templates

RezaDorrani Profile Picture Posted by RezaDorrani 12,143

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

 

Categories:

General PowerApps

Comments

  • Community Power Platform Member Profile Picture Community Power Pla...
    Posted at
    Power Apps Responsive Containers & Screen Templates

    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

  • KKDevBox Profile Picture KKDevBox 17
    Posted at
    Power Apps Responsive Containers & Screen Templates

    Love it... Thanks for sharing this Reza