Responsive Layouts in Canvas Apps

| Zoha Zulfiqar

In this blog, we are going to learn how to make a canvas application responsive. A responsive layout responds to any type of screen size or device for an optimized user experience.

For making a canvas application responsive, first we need to make some changes in the settings after creating a new canvas application. Go to Settings – Display – turn off Scale to Fit and Lock Orientation.

ResponsiveLayoutsCanvasApps
Containers

Containers makes it easy to create a screen responsive, every control added inside a container is automatically positioned. There are three types of containers in canvas application that can be used to make the screen responsive. From the left side, click on + (insert) and search for container, you’ll find horizontal container, vertical container and container.

ResponsiveLayoutsCanvasApps
Horizontal Container

This container positions each control side by side, from left to right. Each control can either have a custom width or a flexible width, container portions can be filled with each control as desired, a flexible width is considered for making a screen responsive.

ResponsiveLayoutsCanvasApps
Vertical Container

This container positions each control top to bottom. Each control can either have a custom height or a flexible height, container portions can be filled with each control as desired, a flexible height is considered for making a screen responsive.

ResponsiveLayoutsCanvasApps
Container

This is a simple container where a control can be positioned on top of any other control.

ResponsiveLayoutsCanvasApps

There are many properties of containers that can be customized to get the desired responsive screen such as fill portions, gap, vertical or horizontal overflow, wrap, and more. Exploring each property can lead to a responsive design.

Join us next time, as we continue our journey of learning canvas apps.Click here to learn more about Imperium's Power Apps Services. We hope this information was useful, and we look forward to sharing more insights into the Power Platform world.


M
Chief Architect, Founder, and CEO - a Microsoft recognized Power Platform solution architect.

About The Blog

Stay updated with what is happening in the Microsoft Business Applications world and initiatives Imperium is taking to ease digital transformation for customers.


More About Us

We provide guidance and strategic oversight to C-Suite and IT Directors for on-going implementations. Feel free to give us a call.

1 331 250 27 17
Send A Message

Ready to Start?

Get a personalized consultation for your project.

Book a Meeting