Answered

Creating responsive layouts in canvas apps

(0) Share

Report

Posted on by Owizardo

Hello,

I created a responsive canvas app. My canvas uses the App.Width and App.Height to dynamically resize the screen. So this is what i have:

Canvas:
Height = App.Height
Width = App.Width

Data Card:
Height: Parent.Height
Width: Parent.Width

On a large screen 1920 x 1080, the app works great.
But when I try it on my laptop screen that is 1366 X 768, the canvas resizes to fit the screen which is fine but it cuts off content that overlaps. So instead of adding a scroll it just cuts off and I cant seem to work around that. I tried use a manual height of 1000 on my data card and leaving the canvas at App.Height. It still seems to cut off and dosent allow scrolling.

Weirdly enough, on my large screen, it lets me scroll when content overlapps there. Am I missing something?

Categories:

Building Power Apps

I have the same question (0)

All responses (2)

Answers (1)

Verified answer

v-xida-msft on at

Like (0)

Report

Hi @Owizardo ,

Could you please share a bit more about the screenshot of the issue?

Have you turned off the "Scale to fit" option within "Screen size + orientation" setting of App settings of your app?

I have made a test on my side, and don't have the issue that you mentioned. Please check if you have turned off the "Scale to fit" option within "Screen size + orientation" setting of App settings of your app.

Note: If you want to create a responsive layouts canvas app, you need to turn off the "Scale to fit" option firstly.

Please check the following article for more details:

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

In addition, also please consider turn off the "Improved app rendering (final validation)" option within Advanced settings of App settings of your app, then re-load your app, check if the issue still exists.

If the issue still exists, I think this issue may be related to PowerApps Version 3.19052.19. There are some known issues with PowerApps Version 3.19052.19, e.g. Gallery Items do not render as expected, Gallery.Selected formula do not work, CountRows(Gallery.AllItems) formula do not work, .. etc.

Now PowerApps has released a new version -- 3.19052.20, these issues occurred within 3.19052.19 version has been fixed. On your side, please consider re-create your responsive layouts app using the latest version of PowerApps studio, then check if the issue is solved.

Best regards,

Was this reply helpful? Yes No
Owizardo 98 on at

Like (0)

Report

Thanks, I get the feeling it was something to do with the version of Powerapps. Everything just seems better now. Thx

Was this reply helpful? Yes No