---
title: Preview content
slug: cms-saas/docs/preview-an-experience
docTags: 
createdAt: 2026-07-30T20:18:07.000Z
---

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

![](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/89gB89RKCpGs-QwvG3iXM_c8a194725df810ecb38b21bf3c03c7cea76c1a44a373511957dbca4e973c0576-preview-1.png)

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

## Adjust pane size

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

![](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/0qxULrFkZV6xTbLQVeQqn_2b54a23cf5f482457d9fccc07543241a1cb97b5256c0b3b01246a20c0e44e74b-1b840d209b4951da34a51bc9287f866674eb5c150b86cd25b205a0f173c24898-image.png)

## Preview as desktop device

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

- Desktop view

![](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/KlzCuixHUjg7icK3ufBMh_5fbc8699366e3acdd8f07219b4ae2b64f8b51fcff679460d8b4787a797932797-preview-2.png)

## Preview as tablet device

![](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/o26Q1Z3p5kS3A18G10Vyn_19619193be458c6ed61429313e59eb02f4e1a23cdfb3f7875dbb7ded098789d9-preview-3.png)

## Preview as mobile device

![](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/DlsZ6MTVvMqlszu_4A5WF_648b64be12d7307d3f3d69f0299dfb8feb0c036e9265f9fa45572cd48c2c92de-preview-4.png)