# Preview content items

> For the complete documentation index, see [llms.txt](https://doc.ibexa.co/projects/userguide/en/5.0/llms.txt).

Preview content items of various types in many places of the back office.

There are several places where you can see how the content item could look to an end-user. The system behaves differently depending on whether you're in [Focus Mode](https://doc.ibexa.co/projects/userguide/en/5.0/getting_started/discover_ui/#focus-mode) or not and whether you selected a specific site from the **Site context** drop-down list in the top bar.

- When you [edit a Page](https://doc.ibexa.co/projects/userguide/en/5.0/content_management/create_edit_content_items/index.md), the editor provides a visual experience. By clicking the following icons, you can switch between different Page views.

| Icon             | Description                                                                                                                                                          |
| ---------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Preview segments | Access preview of the Page for a given [segment](https://doc.ibexa.co/projects/userguide/en/5.0/content_management/content_organization/classify_content/#segments). |
| Timeline button  | Access the timeline to preview how the Page changes with time. You can also view the list of all upcoming scheduled events.                                          |

- When you [edit a content item](https://doc.ibexa.co/projects/userguide/en/5.0/content_management/create_edit_content_items/index.md), click **Preview**
- In the content item's details screen, click **Preview**

> **Tip: Tip**
>
> In the content item preview screen, you can use a drop-down list to change site context by switching between [SiteAccesses](https://doc.ibexa.co/projects/userguide/en/5.0/content_management/translate_content/#siteaccess). You can also toggle through different screen widths to see how the content item is rendered on different devices.

![View toggler](https://doc.ibexa.co/projects/userguide/en/5.0/content_management/img/page_builder_toolbar_devicestoggler.png "View toggler")

Additionally, if you select a specific SiteAccess from the **Site context** drop-down list in the top bar, three things happen:

- when you hover over content items in the content tree, miniature previews appear
- in Focus mode, when you browse content items in content tree, their full screen preview is displayed
- if you [disable the Focus mode](https://doc.ibexa.co/projects/userguide/en/5.0/getting_started/discover_ui/#disable-focus-mode) or click **Exit full view**, the **View** tab appears in the content item's details view, where you can quickly preview the content item