Using the Screen Size Switcher
The screen size switcher is super handy for quickly visualizing how your app will behave on the three main screen sizes.
Last updated
Was this helpful?
The screen size switcher is super handy for quickly visualizing how your app will behave on the three main screen sizes.
Last updated
Was this helpful?
Skill Level: Beginner
Make sure you've completed the guide for Creating a Responsive App and have an app created.
Desktop - screens larger than 992 x infinite height
Tablet- screens 768 - 991 wide x infinite height
Mobile - screens up to 767 wide x infinite height
NOTE: Thanks to Responsive Apps, rotating a device from vertical to horizontal now adapts the app layout to match the screen size!
In this sense, the screen switcher serves as more of an in-builder preview than an actual control of what happens to the app's screen layout.
Use the screen switcher to reset the screen size back to one of the default screen sizes at any time.
The predefined pixel widths cannot be changed with responsive apps to help you stay aligned with industry-standard screen widths. If you need more advanced control, you can check out the other Screen Detector components in the Adalo Marketplace, though we can't assure the best performance when combining responsive methods in this way.
If you need additional help with this article, you can always ask in our community forum or hire an Expert to help! Be sure to paste the link to this article in your post as well!
Do you have a tutorial or help doc request? Let us know!