cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
divs0910
Helper I
Helper I

Responsiveness not working in containers in canvas app

Hi Team,

 

I am trying to build a responsive canvas app. I have added a container on a screen and added controls inside the container. Adjusted display settings and turned off the lock aspect ratio feature. Turned on wrap for horizontal container. But when I minimize the screen size the controls are not getting adjusted as per the screen size. I dont understand what the issue is. Please help me with this. I am struck here and not able to identify the issue.

 

Thanks in advance,

Divya

2 ACCEPTED SOLUTIONS

Accepted Solutions
Pstork1
Dual Super User
Dual Super User

  1. Did you turn off Lock Aspect Ratio or Scale to Fit?  For a responsive app you need to turn off Scale to Fit, which will also disable Lock Aspect Ratio.
  2. After adding the container did you adjust the Width and Height of the container to be relative to the Parent (Screen).  If you don't the container won't resize and controls won't move.


-------------------------------------------------------------------------
If I have answered your question, please mark your post as Solved.
If you like my response, please give it a Thumbs Up.

View solution in original post

Thank you for the response. I forgot to add container width and height with respect to parent. Now I have added that and it's working now. Thank you so much.

View solution in original post

2 REPLIES 2
Pstork1
Dual Super User
Dual Super User

  1. Did you turn off Lock Aspect Ratio or Scale to Fit?  For a responsive app you need to turn off Scale to Fit, which will also disable Lock Aspect Ratio.
  2. After adding the container did you adjust the Width and Height of the container to be relative to the Parent (Screen).  If you don't the container won't resize and controls won't move.


-------------------------------------------------------------------------
If I have answered your question, please mark your post as Solved.
If you like my response, please give it a Thumbs Up.

Thank you for the response. I forgot to add container width and height with respect to parent. Now I have added that and it's working now. Thank you so much.

Helpful resources

Announcements
Power Platform Conf 2022 768x460.jpg

Join us for Microsoft Power Platform Conference

The first Microsoft-sponsored Power Platform Conference is coming in September. 100+ speakers, 150+ sessions, and what's new and next for Power Platform.

PA Virtual Workshop Carousel 768x460.png

Register for a Free Workshop

This training provides practical hands-on experience in creating Power Apps solutions in a full-day of instructor-led App creation workshop.

PA.JPG

New Release Planning Portal (Preview)

Check out our new release planning portal, an interactive way to plan and prepare for upcoming features in Power Platform.

Top Solution Authors
Users online (4,048)