Unanswered

How to not have scroll bars during play mode

(0) Share

Report

Posted on by Community Power Pla...

I published the app and the background image was set to Full mode. The screen has some undesirable scroll bars, how do I get rid of them? Is it because my background image was too big?

Categories:

Building Power Apps

I have the same question (0)

All responses (4)

Answers (1)

Joel CustomerEffective 3,224 on at

Like (0)

Report

Yes, and make sure your description doesn't go off the screen to the right

Was this reply helpful? Yes No
v-xida-msft on at

Like (0)

Report
Hi @Anonymous ,

Do you want to remove the scrollbar during play mode?

Based on the issue that you mentioned, I think this issue is related to the control size in your app screen. For the horizontal scrollbar, I agree with @jlindstrom 's thought almost. Set the Width property of the Title TextInput box to following:

Parent.Width - 60

set the Width property of the Description TextInput box to following:

Parent.Width - 60

set the Width property of the Edit form to following:

App.Width

For the vertical scrollbar, actually, it is related to the data cards added in your Edit form. If the sum of all data cards width value in your Edit form is more than the width property of the Edit form itself, then the vertical scrollbar would show up. So please make sure you do not add more data cards in your Edit form, and the sum of all data cards width value in your Edit form is not more than the width property of the Edit form.

You could consider adjust the height property of the Description Text Box manually, then check if the vertical scrollbar disappear. Also please set the Height property of the Edit form to following:

App.Height - EditForm1.Y

Also please check if the following article would help in your scenario:

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

Regards,

Was this reply helpful? Yes No
Community Power Pla... on at

Like (0)

Report

@v-xida-msft I did everything according to the instructions, and even removed my background picture just to make sure it works, but somehow the scroll bars are still there. I added up all the Heights and Widths, and they didn't exceed the standard screen size (640 x 1136), so it couldn't have been because of text overflow. Is there another way to check this?

Was this reply helpful? Yes No
Verified answer

v-xida-msft on at

Like (0)

Report
Hi @Anonymous ,

Do you add a Edit form in your app for data entry? Or just add a Scrollbar screen?

Please consider turn off the "Scale to fit" option within "Screen size + orientation" option of App settings of your app, then re-publish your canvas app, check if the issue is solved.

Have you tried to adjust the width property of the Title TextInput box and Description TextInput box to a small value? Please consider set the WidthFit property of each data card in your Edit form to following:

false

Also please consider set the Width property of each data card in your Edit form to a small value, then publish it again, check if same issue still exists.

In addition, if you add a Scrollbar screen in your app to configure data entry, please consider remove it, instead, add a Edit form in a normal screen, connect the Edit form to your data source, use the Edit form to collect your entry.

Regards,

Was this reply helpful? Yes No