Double scrollbar

Like (2) Share

Report

Posted on 24 May 2017 22:23:42 by Chita

Is there a way to prevent double scrollbars in the scrolling screen?

Categories:

General Questions

All responses (26)

Answers (1)

Suggested answer

CG-25072327-0 9 on 21 May 2025 at 22:02:33

Like (0)

Report
Double scrollbar

If the suggestion is to increase the Display height of the form in the settings ... I think this is the problem. The maximum height of a PowerApps form is 2160 px. Most people view SharePoint in a browser at less than 900 px height based on a Full HD display panel resolution of 1920x1080 or smaller if using a less expensive, but still common 1366x768 display panel.

So, increasing a form's display height likely increases the chances of the second scrollbar appearing.

I ran some tests using a SharePoint list that has 9 columns/form fields. Here were my steps and results ...

1. Edit Form in Power Apps.

The default display settings in PowerApps was "Large 444 x 790"

The 9 DataCards were automatically added at a height of 50 px.

2. Increase the height of each DataCard.

I made each DataCard 400 px high. This means the total height of the fields on my form would be 400 x 9 = 3600 px. This is much higher than the 2160 px Display height maximum.

I also added a background color to every second field to make it easier to see the boundaries between the DataCards

3. Save and Publish the form in PowerApps. Add New Item in SharePoint.

Note - no double scrollbar! Although the DataCard heights combined are 3600 px and the form is only 790 px, I can scroll to the bottom of the form, see every field and there is only one scrollbar.

Tip: every time you publish from PowerApps, in SharePoint use the keyboard combination of CTRL + F5 a couple times to force the SharePoint page to reload and clear the cache. Otherwise, you might not see any changes in your form because the browser wants to be helpful by loading a cached version of the old form.

4. Edit the form again in PowerApps. This time, change the Display height setting to 2160 px (which is the maximum).

5. Save and Publish the form in PowerApps. Add New Item in SharePoint.

BINGO!! Double scroll bar appears!!

So, one explanation of the double scroll bar problem is that the Display height setting is too high for the resolution of the device that the form is being displayed on. This causes SharePoint to add the second scrollbar so the whole 2160 px high form can be viewed on a device only capable of showing a ~1000 px high 'window'.

How to fix this? Here is what I was able to do in my testing ...

1. Change the Display height setting in Power Apps

Use a setting that is more realistic for the display panels that will be used. In this case I just went back to the default 790 px setting.

2. I wish it were this simple -- Save and Publish the form in PowerApps. Add New Item in SharePoint.

This won't work. Something about the form does change but there may be a bug (or undocumented feature).

In the example below, the inner scrollbar did get shorter, but the outer scrollbar still didn't go away.

3. Before Save and Publish, change the height of the DataCards.

I don't know if all the DataCards need to have their height changed, but that is what I did. I just set the DataCard heights to 400 px again.

After publishing, this seemed to reset something in PowerAutomate so the double scrollbar disappeared when the SharePoint form was viewed.
F_Miriani_95 3 on 17 Mar 2022 at 12:59:52

Like (0)

Report

Re: Double scrollbar

Hi!

Any idea on how to do this?

"2. Make the form control height large enough so the form element doesn't require scrolling. You then have to be inside a scrollable screen, so you get the scrolling from the screen."

I think this is the solution (as i had solved it increasing the height manually) but not sure how to perform this manually as the height should be the sum of the height of all cards that are on the left.
fredy_mcnish 3 on 18 Mar 2021 at 15:53:05

Like (0)

Report
Re: Double scrollbar

This is still happening. Any solution?
To explain a little more, this happens when we customize a sharepoint form from a sharepoint list. PowerApps creates automatically the form/app and it shows two scrollbars. The tree of components that is created has the following (maybe it helps to understand the error):
FormScreen
SharepointForm
One to many datacards depending on the amount of fields of the sharepoint list
4 components (labels, datacradkeys, datacardvalue)
In my case, this is happenning no matter if I have 7 or with 15 fields (in the SP list).
Rei0116 on 06 Dec 2019 at 06:52:11

Like (0)

Report

Re: Double scrollbar

Hi
Can u tell me how to create "a regular screen"?
Community Power Pla... on 10 Oct 2019 at 05:06:10

Like (0)

Report

Re: Double scrollbar

Orientation Landscape. Chosen Custom size with Width 1500 and Height 1500 and having the same exact issue with 2 vertical scroll bars. Any resolution for this issue? Still struggling from last few days. No help any where.
mpisani 15 on 28 Jun 2019 at 13:30:48

Like (0)

Report

Re: Double scrollbar

Hi I came across this problem and managed to only have one scroll bar by setting the form oreination to the following , However another problemexists where users with diffrent resolutions would not display the form correctly

In my case I set the form to fit the screen by trial and error adjusting the sizes, however forms display diffrently on devices with diffrent resolutions
ZaneZ 15 on 24 Mar 2019 at 07:44:27

Like (1)

Report

Re: Double scrollbar

Hi @cherie !

Double scroll bar issue is still there, can you help solve it? Please refer attached image.
Haven't found solution inside this thread so far.
Here is session details - Session ID: 703a5d20-cc3b-424a-af6d-3991e7e5ce28
PowerApps 3.19032.13
Hope it helps.
PowerApp double scroll bar inside SharePoint list form
cherie on 25 Feb 2019 at 21:13:58

Like (0)

Report

Re: Double scrollbar

@YatinMumbai
do you think you could provide us with a session id? Just alt + right click on the form.

Also did you customize the form size at all? If you did, then could you let me know what you changed it to?

Thanks!
YatinMumbai 123 on 24 Feb 2019 at 09:02:31

Like (0)

Report

Re: Double scrollbar

Same issue faced by me. I do not see how this question is marked as Solved. Did not see a fit solution.
cherie on 04 Jan 2019 at 16:29:12

Like (0)

Report

Re: Double scrollbar

@ssvk do you think you could provide us with a session id? Just alt + right click on the form.

Also did you customize the form size at all? If you did, then could you let me know what you changed it to?

Thanks!