Unanswered

Can i show all fields inside a form in a Vertical layout of 1 column on small screen sizes (mobile screens),

(0) Share

Report

Posted on by johnjohn123

3,514

I am trying to make my Power Apps standalone have a responsive design similar to Bootstrap effect. where if we have a form with 3 columns, as follow:-

now if we view this form using Power Apps mobile app or using mobile web, i want to show the fields dynamically in one column as follow:-

so is this possible? I hope so

Here is my current settings for the Power Apps:-

>> The form

>>the display of the app

any advice please? my application will be accessed mainly using 3 devices/screen:-

1) Desktops & Laptops

2) Mobile phones (mobile app + mobile web)

3) pads & tablets

thanks

Categories:

Building Power Apps

All responses (5)

Answers (0)

Sort by

v-jefferni Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

Hi @johnjohn123 ，

Since the Columns for Edit forms cannot be changed by formulas, it's not possible to adjust the columns automatically based on device screens. The solution would be create 2 similar Apps, one for mobile phones and use the phone layout, the other for web browsers or tablets use tablet layout.

Hope this helps.

Best regards,

Community Support Team _ Jeffer Ni
If this post helps, then please consider Accept it as the solution to help the other members find it.
johnjohn123 3,514 on at

Like
a
(0)

Report
Copy link

Link copied!

@v-jefferni no no ....... you can use containers and implemented responsive design !! seems there are many youtube videos talking aobut how to implement this..
Pstork1 69,665 Most Valuable Professional on at

Like
a
(0)

Report
Copy link

Link copied!

You can't use a container inside a form. So you can't use it to change the internal structure of a form that has been set for a specific number of columns. As @v-jefferni said, you can't change the number of columns using code.
johnjohn123 3,514 on at

Like
a
(0)

Report
Copy link

Link copied!

@Pstork1 but inside this video it shows how we can use containers to make the form responsive @ https://youtu.be/hovSeDrDNDI?t=656
Pstork1 69,665 Most Valuable Professional on at

Like
a
(0)

Report
Copy link

Link copied!

Yes, but the form goes inside the container. Since Wrap is enabled the controls will wrap around to the next line when there isn't enough space to put them side by side. But the video says nothing about modifying the columns in the form. That stays set to 3. Its all based on how wide the form is. If there is enough space the columns will show even on a mobile device. If there isn't enough width then they will wrap and stack,