0

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:

enter image description here

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:

enter image description here

So is this possible? I hope so.

Here is my current settings for the Power Apps:

The form:

enter image description here

Display settings of app:

enter image description here

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

4
  • 1
    Do you want to see 1 column layout for desktop/tablet as well, or just mobile devices? Mar 29, 2022 at 4:13
  • @Ganesh Sanap Desktop 3 columns >> mobile 1 column
    – John John
    Mar 29, 2022 at 11:33
  • Check my answer given below. Mar 29, 2022 at 11:34
  • @GaneshSanap ... but where i can add the formula ? inside which property? screen or form?
    – John John
    Mar 29, 2022 at 11:38

1 Answer 1

0

You can set the value for "Columns" property given under "Snap to columns" property (which allows number value) based on the ScreenSize:

enter image description here

Documentation: Screen sizes and breakpoints

You can simply use Parent.Size for "Columns" property given under "Snap to columns" property which will show 1 column for mobile devices, 4 columns for desktop as shown in above table OR you can build formula like below as per your requirements:

Example: Show 1 column layout for mobile devices & show 3 columns layout for all other device sizes.

If(ScreenName.Size = ScreenSize.Small, 1, 3)

Other references:

  1. Create Responsive Power Apps from SharePoint list
6
  • but where i can add the formula ? inside which property? screen or form?
    – John John
    Mar 29, 2022 at 11:37
  • Add this formula in "Snap to columns" property of form control. Mar 29, 2022 at 12:05
  • Snap to column is a checkbox not a property that allow adding formulas
    – John John
    Mar 29, 2022 at 14:37
  • Write this formula for "Columns" property given under "Snap to columns" property, which allows number value. Currently it is set to 3 in the image you shared in your question. Mar 29, 2022 at 15:08
  • Is it working for you now? Mar 30, 2022 at 14:04

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.