cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Highlighted
srodriguez
Level: Powered On

Screen Height issue after saving change

After creating a list with around 20 fields; the default Edit form displays correctly, however after making a change to it to add a new field or by making the slightest change to it, the form does not stretch the full Hight of the browser window.

This is the original form without any changes.....

 

Original Form.png

 

Here is how it looks after just adding one field to it and publishing back to SharePoint....

 

Edited Form.png

 

How can I get the form to stretch back to use the entire height of the window it is displaying in?

 

You might also notice the width changes... not a concern now, but it would be better if it wouldn't change by making an apparently unrelated change.

 

I already tried to change the Height on the Screen Size in the App Settings from Large to Custom and increased the size of the Height, but I can get it to stick to its correct/original height before saving/publishing the first edited version of the new form. BTW and also after adjusting the Width and Height all the Cards and Labels lose their corresponding size and location respectively from one another.

 

I look forward to any suggestion(s)... Thanks in advance!

 

Regards.

1 ACCEPTED SOLUTION

Accepted Solutions
Community Support Team
Community Support Team

Re: Screen Height issue after saving change

Hi @srodriguez ,

Which Browser do you use to run your PowerApps custom form? Have you taken a try to run your app using Chrome?

Have you taken a try to customize the App screen size within your custom form app?

 

Please also consider take a try to custom your form app screen size as below:3.JPG

then set the Height property of the SharePointForm1 to following:

App.Height

re-publish your app, check if the issue is solved.

 

Also please consider try your app in other different browsers, then check if the issue still exists. If the issue still exists, please consider remove the custom form from your app, then re-add a new one to fix this issue.

 

Best regards,

Community Support Team _ Kris Dai
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

View solution in original post

4 REPLIES 4
Community Support Team
Community Support Team

Re: Screen Height issue after saving change

Hi @srodriguez ,

Based on the issue that you mentioned, I have made a test on my side, and don't have the issue that you mentioned.

 

Please consider turn off the "Impeoved appp rendering (final validation)" option within Advanced settings of App settings of your app, then re-publish your app, check if the issue is solved.

 

Also please consider set the Height property of the SharePointForm1 (Edit form) to following:

App.Height

Please also check and see if the following article would help in your scenario:

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

 

Best regards,

Community Support Team _ Kris Dai
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.
srodriguez
Level: Powered On

Re: Screen Height issue after saving change

Hello @v-xida-msft ,

 

Unfortunately, suggested changes did not work... here is the result of changing the Advanced settings and republishing...

 

Disabled Improve tabla data control and disabled app rendering final.png

 

Suggested link about "Create responsive layouts in canvas apps" is dated, the options "Scale to fit", "Lock aspect ratio" and "Lock orientation" are no longer available in the App's Advanced Settings section.

 

I did try changing the Height of the Screen to use "App.Height" as suggested; it did not achieve the dessired effect.

 

I can shoot a video if it helps.

 

I have tried this same process in two different clients and the result is the same, I don't think is local to my environment...

 

I look forward to comments.

 

Regards.

Salvador Rodriguez.

 

 

 

 

 

 

 

 

 

Community Support Team
Community Support Team

Re: Screen Height issue after saving change

Hi @srodriguez ,

Which Browser do you use to run your PowerApps custom form? Have you taken a try to run your app using Chrome?

Have you taken a try to customize the App screen size within your custom form app?

 

Please also consider take a try to custom your form app screen size as below:3.JPG

then set the Height property of the SharePointForm1 to following:

App.Height

re-publish your app, check if the issue is solved.

 

Also please consider try your app in other different browsers, then check if the issue still exists. If the issue still exists, please consider remove the custom form from your app, then re-add a new one to fix this issue.

 

Best regards,

Community Support Team _ Kris Dai
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

View solution in original post

srodriguez
Level: Powered On

Re: Screen Height issue after saving change

Hello @v-xida-msft 

 

I was testing with Edge, IE and Chrome.

Yes, yesterday I did try customizing the App screen size along with the other proposed changes and it did not work then; now I just tried again and this time changes did resolved the issue to get the form to stretch the hight of the browser window's vertical space.


Form is now taking more vertical space in IE. (This is what I was looking to get...)

Form heigth solution 1.png

 

This is how the same form looks in Microsoft Edge in Windows 10

Form height solution 2 - double vertical bar in MS Edge.png

 

Same form in Chrome.

Form height solution 3 - Chrome.png

 

Findings/Results:

Inetnet Explorer 11

  • The form extends in IE to ocupy almost all vertical realstate; I need to do some more testing to make it fit all vertical space here.

 

Microsoft Edge

  • Using Microsoft Edge the form displays a second container with its own vertical scrollbar.

 

Chrome

  • The app now takes more vertical realstate.
  • Rich Text Editor's ribbon does not displays correctly ( I will open another topic for this one).

 

Nonetheless and despite the unintended discoveries, the original request appears to be resolved.

 

I will do a few more tests and will mark this as the solution.

 

Thank you very much and best regards.

srodriguez

Helpful resources

Announcements
thirdimage

Power Automate Community User Group Member Badge

Fill out a quick form to claim your user group badge now!

sixthImage

Power Platform World Tour

Find out where you can attend!

Power Platform 2019 release wave 2 plan

Power Platform 2019 release wave 2 plan

Features releasing from October 2019 through March 2020

fifthimage

Microsoft Learn

Learn how to build the business apps that you need.

Top Kudoed Authors
Users Online
Currently online: 326 members 5,341 guests
Please welcome our newest community members: