App view in designer and preview is misaligned

[Macjan]

Whenever I attempt to make something reliant on App.Height, the view gets permamently misaligned. My only solution is to rollback my app and lose all changes I made so far.

For example, I change the button's Y function to App.Height/2.

You can already see that the screen is higher than it should be, but for better presentation you can see the preview view below.

Notice that the + icon is cut off. I have had causes where that icon would be cut off entirely.

How do I fix this? Removing the line with App.Height didn't work and neither did scrolling with mouse wheel. I also tried to fiddle with Scale to Fit option and changing the size of my screens.

[v-xida-msft]

Hi @Macjan ,

Could you please share a bit more about your scenario?
Which browser do you use to design your app? Chrome, Edge, or IE?

Based on the issue that you mentioned, I have made a test on my side (on my side Edge browser), and don't have the issue that you mentioned. The screenshot as below:

In Edit Mode

In Preview Mode

Please also consider set the Y property of the "+" icon to following:

0

set the X property of the "+" icon to following:

Screen1.Width/2-Icon1.Width/2

set the Y property of the Button to following:

App.Height/2-Button1.Height/2

 set the X property of the Button to following:

App.Width/2-Button1.Width/2

Please consider take a try with above solution, then check if the issue is solved.

Also please consider try your app in other different browsers, then check if the issue still exists. Also please make sure the Zoom property of your browser is set to 100%.

Best regards,

[Macjan · Accepted solution]

I haven't gotten that issue since I posted about it here.

If it happens again, I'll remember to check the browser's zoom. I am using IE.