Viewing and testing your UI Builder experience
-
- UpdatedAug 3, 2023
- 2 minutes to read
- Vancouver
- Building applications
Preview your experience in UI Builder to see how it looks and functions while building an experience. Previewing helps ensure that your experience works as expected, that the data resources are available, and that the layouts are set up correctly.
Test your page
You can test your page as the developer or see it as it would appear to an end user. Previewing doesn't require saving first.
You can test various aspects of your page.
Test the variant that you're currently working on, including modals, viewports, and dynamic data by selecting the Preview button, which opens an overlay.
Test with different data by changing the test values and selecting Apply. For more information, see Test values in a page.
See what the variant looks like at different screen widths by selecting a value from the Width drop-down list.
When you have finished testing, select the X in the upper right to close the overlay.
Test your page as an end user
Test which variant users see by opening the URL path. Select the arrow next to the Preview button and in the drop-down list select Open URL path. UI Builder checks the audience, conditions, and condition order, and then opens the appropriate variant in a new browser tab. When you have finished testing, close the tab.