Preview an experience

  • Updated

The preview panel displays the experience as you build it. It can display any content for any channel.  Visual Builder integrates the Outline and Preview panels so that hovering over a section in the Outline panel also highlights the corresponding section in the Preview panel and vice versa. 

VB-preview-1.png

When you click on an element in the Preview panel, the section opens in the Outline panel for you to work on.

Adjust panel size

If you need more space, perhaps to edit, drag the vertical bar between the panels to resize them.

VB-preview-2.png

Preview as desktop, tablet, or mobile devices

Click the view icons to display your content in mobile, tablet, or desktop views. (You cannot create custom view options at this time.)

Visual Builder preview icons

  • Desktop view light mode

    VB-Preview-desktop-light-mode.png

  • Desktop view dark mode

    VB-Preview-desktop-dark-mode.png

  • Tablet view

    VB-Preview-tablet-light-mode.png

  • Mobile view

    VB-Preview-mobile-light-mode.png