You may experience issues when previewing an application using the CMS App Preview. Some icons, buttons or images may not be displayed in their correct location. This article shows why this occurs and how you can work around it.
While using the App Previewer you noticed that some icons/images/buttons are not displayed as per your design, that is they are placed in a wrong location on the page.
For instance, you may see a picture like the following (where 'Call Us' and 'Share' buttons are stacked upon each other while they should be displayed side-by-side):
This issue usually is related to your browser Zoom settings when it is not set to the default 100% value.
In the case of the above photo, the Zoom settings of the Google Chrome Browser were set to 90%.
Note: Other browsers or other versions of the Google Chrome browser may not have the same impact on the CMS App Preview display when the Zoom setting is changed from the default 100% value
You need to set your browser's Zoom settings value to 100%.
For instance, in the case of the Google Chrome browser, on the top right-hand corner click the button and then by clicking the '-' or the '+' signs set the value to 100%
Note: The exact navigation path may vary depending on the browser you are using
The CMS App Preview should display the application correctly.
In the example used in this article, the buttons should be displayed as per design, that is side-by-side.