Control app Preview
Use the toolbar above Preview to check screen sizes, expand the app, and control its preview session.
Desktop, Tablet, and Mobile
Open the device menu near Console.
Choose Desktop, Tablet, or Mobile.
Inspect the same page at each size.
Check navigation, tables, forms, dialogs, and long labels.
A device preview helps find layout problems. Also test important interactions on the actual devices and browsers your users use.
Full screen
Click the full-screen icon beside the device control to expand Preview. Use the full-screen control again to return to the builder layout. Full screen expands your working view; it does not publish the app.
Stop and restart
Save or finish any in-progress form work.
Open the … menu at the right of the Preview toolbar.
Choose Stop Preview to stop the preview session, or Restart Preview to start it again.
After a restart, wait for the app to load and reopen the page you were checking.
Treat unsaved form input and temporary UI state as disposable during a restart. Restarting Preview is not a way to undo changes already saved to a connected data source.
Free a preview slot
If the builder says you cannot run more previews, open an app preview you are no longer using, including one in another browser tab. Open its … menu and select Stop Preview, then return to the app you want to work on.
Stopping an unused preview frees a simultaneous preview slot. The Stop Preview control is part of the development-preview updates, so its availability may differ by builder version.
Preview during app creation
For a newly generated app, wait for the assistant to finish initial generation before expecting Preview to appear. A blank preview area during this step does not by itself mean the app has failed.
When starting from a template, allow template setup to finish before testing the app. Preview startup is optimized, but the time needed depends on the app and its dependencies.
Preview after importing an app
When importing an app archive, allow the import to finish before expecting Preview to start. The builder now waits for import completion before starting the preview.
If Preview does not recover
Capture the error and check Console and logs. Record the route and the last action. Avoid repeating a write action until you know whether it completed.
Next: Preview as an invited user.
Was this helpful?