Unanswered

How do you center a power apps published app?

(0) Share

Report

Posted on by LuisTorres

when I remove the scale to fit, when I view my published app on the web it now left aligns to the screen. Is there any way to center align it?

Categories:

Building Power Apps

I have the same question (0)

All responses (13)

Answers (1)

PytByt 943 on at

Like (0)

Report

Hi @LuisTorres

I think is best to leave the Scale to Fit option On... :3

Regards,
pytbyt

Was this reply helpful? Yes No
LuisTorres 83 on at

Like (0)

Report

Normally I would, but my form is a bit big cause its meant to be a form for desktop, so scale to fit will make the fields so small that they are unreadable.

Was this reply helpful? Yes No
Verified answer

LuisTorres 83 on at

Like (2)

Report
Setting the form "X" value to:

Max(0,(Parent.Width/2)-(FormWidth/2))

Will always place the form in the center of the screen, or to the left of the screen in case you shrink the window.
Also for this to work you need to disable screen fit, and have the screen width set to Max(App.Width, App.DesignWidth)
Hopefully this helps someone else.

Was this reply helpful? Yes No
urathikau 6 on at

Like (0)

Report

I have also facing this problem . In personal environment its working fine. But in published in another environment its not center aligned. Please help to resolve this.

Was this reply helpful? Yes No
urathikau 6 on at

Like (0)

Report

I have a canvas applicaiton and I want the app in the center and if I reduce the browser size it should automatically fit the size. I got it fixed by disabled optimize embedding appearance and resize based on the browser but not fit in center . If I enabled lock aspect orientation, it appears center and not resizing. Please help me how to achieve this

Was this reply helpful? Yes No
graemethompson1 on at

Like (0)

Report

Power Apps tells me FormWidth is gibberish.

Was this reply helpful? Yes No
PowerJester 70 on at

Like (0)

Report
Is there any news for centering the screen of a published app canvas ?
I've read and tried everything but it still doesn't seem possible to center the screen in a published app.
Best regards

Was this reply helpful? Yes No
graemethompson1 on at

Like (0)

Report

Do you have the settings optimized for embedding? That's typically the issue. Turn it off and it should center in the browser.

Was this reply helpful? Yes No
PowerJester 70 on at

Like (0)

Report

Display : scale to fit, lock aspect ratio and lock orientation is turn to off
Experimental feature : optimize embedding appearance is turn to off

But the published app start always to left top on the browser.

Was this reply helpful? Yes No
sam888k12 15 on at

Like (0)

Report

I was having the same issues above and had the settings already set that were stated in the last reply. But I did try updating the x: axis #. I picked 250 (was 40) and that centered the form and seems to look ok in various screens and is responsive. So maybe there's a flaw in that approach but it's working of me at the moment.

Was this reply helpful? Yes No