Preview Different Layouts

When you define multiple layouts for a dynamic table or form, you might want to preview how different layouts look when applied to your page. You can do this using Layout Preview in a dynamic component's Properties pane.

Layout Preview forces the Page Designer to render the layout you select and ignore the rules in the rule set. For example, if you created a layout that only managers can see, you won't see it in the Page Designer if you're not logged in as a manager. But you can use Layout Preview to override the display logic and render the page as it would to managers.

To preview a dynamic component's layout:

1. Open the page in the Page Designer and select the dynamic table or form you want to work with.
2. In the component's Properties pane, select the layout you want to preview in the Layout Preview list.
   
   

   
   Description of the illustration layout-preview-list.png

   
   

   Selecting a layout will render it on the page. For example, when the manager layout is selected, the page shows the Salary field, meant only for managers:
   
   Description of the illustration layout-preview-example.png
   

   A preview icon () also appears next to the dynamic component, indicating that a layout preview is currently active. Click the icon to see which layout is being previewed.

3. If you want to make changes to the layout, click Configure Layout in the Properties pane and update the layout in the editor. Then return to this page to preview the layout again.
4. When you are done, click Reset to return to the default Resolved by display logic option.