Preview Your App UI

As you develop or configure your App UI, you'll want to test it to see how it will look to your user.

To preview your App UI:

1. Highlight the App UI you want to preview in the left navigator.
2. In the Designer's header, click Preview.

   You'll see a notification that the preview will soon be ready to view in a new browser tab:
   
   Description of the illustration preview-ready.png
   

   Note:

   If your extension also contains another App UI, you can preview its latest changes too, simply by replacing the App UI's name in the URL: https://<host name>/<FusionAppID>/redwood/<App UI name>/<flow name>

As the name implies, Preview shows you how your pages are displayed and gives you a chance to test your App UI’s behavior before sharing it with others. In the preview you can check the rule sets, layouts, the navigation between pages, and what happens when you add and edit data. (If you prefer, you can also use Live mode to test your App UI, though the form factor is a bit more pleasing when using Preview.)

When you use Preview, you'll see the pages as they look based on your user role. This means that if the App UI has any rule sets that evaluate the user's role, this will affect the data you see in the pages. If you want to apply a different layout, you'll have to exit Preview mode and follow the instructions in Preview Different Layouts.

You can't share an App UI preview URL with your team members. If you want team members to see your changes, you'll need to commit the changes to a branch, then use the Share action to get a URL you can share.