cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Highlighted
Frequent Visitor

App view in designer and preview is misaligned

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.

Untitled1.png

 

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

Untitled2.png

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.

1 ACCEPTED SOLUTION

Accepted Solutions
Highlighted
Frequent Visitor

Re: App view in designer and preview is misaligned

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.

View solution in original post

2 REPLIES 2
Highlighted
Community Support
Community Support

Re: App view in designer and preview is misaligned

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 ModeIn Edit Mode

 

In Preview ModeIn 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,

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.
Highlighted
Frequent Visitor

Re: App view in designer and preview is misaligned

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.

View solution in original post

Helpful resources

Announcements
Check this Out

Announcing

Class of 2020- Season 2

Check this Out

Helpful information

Featuring samples like Return to the Workplace and Emergency Response Applications

August 2020 Community Challenge: Can You Solve These?

August 2020 Community Challenge: Can You Solve These?

We're excited to announce our first cross-community 'Can You Solve These?' challenge!

secondImage

Return to Workplace

Reopen responsibly, monitor intelligently, and protect continuously with solutions for a safer work environment.

secondImage

Power Platform 2020 release wave 2 plan

Features releasing from October 2020 through March 2021

Top Solution Authors
Top Kudoed Authors
Users online (10,121)