Select to view content in your preferred language

App Experience builder Larger scale Phone view

834
4
10-29-2023 07:10 PM
Labels (1)
Zhanchao_Yang
Occasional Contributor

Hello Esri Community,

 Can I change the layout for the phone view in the self-design scale?  Like the below pictures, I have a bunch of widgets in my web App, but in phone view mode, because it's too small, it's hard to customize the layout. I wonder if it can be like PowerPointScreenshot 2023-10-29 220835.jpg; I can view it as 200% of the original and change the layout.

Screenshot 2023-10-29 220315.jpg

Also, can I preview the Web App (Phone mode or iPad mode) directly on the computer with the preview button?

Any clue or help would be greatly appreciated! These would greatly help create a more compliant App with a low code or no code environment.

0 Kudos
4 Replies
JeffreyThompson2
MVP Regular Contributor

The best way to Preview your app on your computer is to use the Dev Tools built into your browser. Here are the instructions for accessing them in Chrome, but every browser has some version of these tools.

https://www.makeuseof.com/google-chrome-preview-website-different-devices/

GIS Developer
City of Arlington, Texas
Zhanchao_Yang
Occasional Contributor

Thanks so much! I am wondering can I configure Web App layout in this mode?

0 Kudos
JeffreyThompson2
MVP Regular Contributor

The Dev Tools should only be used as a way to view how your app will look on different devices. Trying to build in this mode will give you a dramatically distorted perspective. 

GIS Developer
City of Arlington, Texas
Zhanchao_Yang
Occasional Contributor

Thanks for quick response!

0 Kudos