Cutomized SharePoint Form in PowerApps resolution problem

[mpisani]

Hi guys,

Currently I am developing a customized form from sharepoint using PowerApps and have ran into a problem.

When using diffrent devices, the form will not display correctly due to diffrent resolutions (see below):

I have set a custom size, however problem still persists on Large or Small settings.

Orentation settings is set to the following:

Unfortunatley because I am using a Form from a Sharepoint list I do not have access to the following settings

The overall goal is for the form to fit to screen on any device, 

I was wondering if anyone knows a work around or fix that could solve my problem

[Pstork1]

Have you looked at some of the properties that are available when making responsive designs?  You may be able to use some of those to help with your layout.

https://powerapps.microsoft.com/en-us/blog/new-properties-for-responsive-canvas-apps/

[v-yuxima-msft]

Hi @mpisani 

Could you please reference the blog from @Pstork1 's post?

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.

And 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,please consider re-create your responsive layouts app using the latest version of PowerApps studio, then check if the issue is solved.

More information:

create-responsive-layout

Best Regards.

Yumia

[mpisani]

Hi Guys thanks for the quick responses,

I tried Disabling the Improved App Rending option in Advanced setting and had no luck,

Also I tried the following steps from the responsive Layout guide however the issue still persists:

1. adapt the screen's Width and Height properties to the device orientation, using these formulas:

   Width = Max(App.Width, If(App.Width < App.Height, App.DesignWidth, App.DesignHeight))

   Height = Max(App.Height, If(App.Width < App.Height, App.DesignHeight, App.DesignWidth))

2.  Add custom Break point values & set the control's Width property :

   Parent.Width *  
       Switch(Parent.Size,  
           ScreenSize.Small, 0.5,  
           ScreenSize.Medium, 0.3,  
           0.25)

   also tried adjusting setting to ScreenSize.Large & .ExtraLarge & custom values

Ill provide a better image of the problem below :

My Screen:

Other Device:

Thanks again guys your help is much appreciated