Responsive Containers - not showing bottom of form

(0) Share

Report

Posted on by GordoPwrApp

Hi all,

I have a basic power app with a main container housing two vertical containers - Container1 and Container2.

Container 1 contains a Gallery and Container 2 contains a form.

My goal is to have this as a responsive design so that users can complete this form on the desktop platform as well as mobile.

My issue is that when I run the app either on mobile or desktop, the bottom of my Container 2 housing my form is always cut off and I can't get to the submit button and other fields. I have tried adding the scroll function however cannot seem to fix it. I think it may be something to do with my screen size, as if I zoom out of my screen in the web browser, I can see it.

Pics attached - appreciate any help.

Thanks

Categories:

Building Power Apps

I have the same question (0)

All responses (3)

Answers (0)

Sort by

v-jefferni Microsoft Employee on at

Like (0)

Report
Copy link

Link copied!

Hi @GordoPwrApp ,

To design a responsive layout, you need to set the height of all controls to be App.Height dependent. In your case, total height of the two containers is bigger than the screen height and I believe you have disabled scale to fit in settings.

Best regards,

Was this reply helpful? Yes No
GordoPwrApp 91 on at

Like (0)

Report
Copy link

Link copied!

Thanks @v-jefferni . Would i need to just set the height of all my containers to App.height? Yes, i have scale to fit turned off. Is it possible to turn it on and have a responsive design?

Thanks

Was this reply helpful? Yes No
v-jefferni Microsoft Employee on at

Like (0)

Report
Copy link

Link copied!
Hi @GordoPwrApp ,

Of course, it can be done. Like I mentioned previously, you only need to use App.Height for Height of all the controls. For example, say the Button height is App.Height/20 and Y-axis is App.Height-Self.Height, you can set Height of the two containers to

(App.Height-Button.Height)/2

Best regards,

Was this reply helpful? Yes No