---
title: "Customize the view in Horizon"
slug: "customize-the-view-in-horizon"
abstract: "Customize the view in the Horizon editor."
---
# Customize the view in Horizon

When you open Horizon from the launchpad, the home page of the current site opens in page editor mode in Pages. You can select another page in the content tree. Then you see different information for the same page when you navigate to Content or select another mode in Pages.

There are two toolbars that you can use to adjust the view.

The Horizon global toolbar appears at the top of the browser window:

![The Horizon global toolbar](https://doc.sitecore.com/api/markdown-image/xp/en/users/100/sitecore-experience-platform/images/Horizon_global_toolbar_100.png)

Selections in the global toolbar apply to all screens in Horizon.

Below the global toolbar is the local toolbar, which contains options for the current view. For example, the page editor toolbar contains the device switcher and icons for the different modes that you can select in Pages:

![The page editor toolbar](https://doc.sitecore.com/api/markdown-image/xp/en/users/100/sitecore-experience-platform/images/Horizon_local_toolbar_100.png)

This topic explains how to use the Horizon toolbars to customize the view.

<details>
<summary><h2>Select a site or language</h2></summary>

The name of the current site is displayed in the site selector, and the current language is displayed in the language selector.

To select a different site or language:

- In the global toolbar, click the selector and select an option from the drop-down menu.

    ![The site selector](https://doc.sitecore.com/api/markdown-image/xp/en/users/100/sitecore-experience-platform/images/site_selector_100.png)

</details>

<details>
<summary><h2>Select Pages or Content</h2></summary>

You can use Pages to work with items that have presentation and layout, and you can use Content to work with items without presentation.

To select the editor that you want to work in:

- In the global toolbar, click **Pages** or **Content**.

</details>

<details>
<summary><h2>Select a mode in Pages</h2></summary>

You can switch [mode in Pages](https://doc.sitecore.com/xp/en/users/100/sitecore-experience-platform/horizon-pages.html "Horizon Pages") by clicking one of the following icons:

| ![The page editor icon](https://doc.sitecore.com/api/markdown-image/xp/en/users/100/sitecore-experience-platform/images/page_editor_icon_100.png) | [Page editor](https://doc.sitecore.com/xp/en/users/100/sitecore-experience-platform/the-horizon-page-editor.html) |
| --- | --- |
| ![The Insights icon](https://doc.sitecore.com/api/markdown-image/xp/en/users/100/sitecore-experience-platform/images/Insights_icon.png) | [Insights](https://doc.sitecore.com/xp/en/users/100/sitecore-experience-platform/viewing-page-insights.html) |
| ![The field editor icon](https://doc.sitecore.com/api/markdown-image/xp/en/users/100/sitecore-experience-platform/images/Field_edit_mode_icon.png) | [Field editor](https://doc.sitecore.com/xp/en/users/100/sitecore-experience-platform/the-metadata-editor-in-pages.html) |
| ![The Simulator icon](https://doc.sitecore.com/api/markdown-image/xp/en/users/100/sitecore-experience-platform/images/Simulator_eye_icon.png) | [Simulator](https://doc.sitecore.com/xp/en/users/100/sitecore-experience-platform/preview-a-site-in-simulator-mode.html) |

</details>

<details>
<summary><h2>Open a page or content item in the editor</h2></summary>

To open a page or content item in the editor:

- Click the item in the content tree in the left-hand panel.

    The page or content item opens in the content area in the middle of the screen.

> [!note]
> If you know the item ID of the page or content item that you want to open, you can [edit the URL in the address field of your browser](https://doc.sitecore.com/xp/en/users/100/sitecore-experience-platform/use-a-url-or-item-id-to-find-an-item.html "Use a URL or item ID to find an item") to navigate to the item.

</details>

<details>
<summary><h2>Make more room for the editor</h2></summary>

You can make more room for the editor by collapsing the side panes.

To collapse or expand the right or left pane:

- Click the corresponding Collapse/Expand icon ![The collapse or expand icon](https://doc.sitecore.com/api/markdown-image/xp/en/users/100/sitecore-experience-platform/images/CollapseExpand_icon.png).

</details>

<details>
<summary><h2>Switch the device view</h2></summary>

Sitecore applies responsive design to the pages on your site, so pages adjust to the size of the device they are displayed on. The page editor can display the current page as it appears on different devices.

To view the current page with a different device layout:

- Click the device switcher and then click the phone, tablet, or desktop icon:

    ![The device switcher](https://doc.sitecore.com/api/markdown-image/xp/en/users/100/sitecore-experience-platform/images/Device_switcher_100.png)

</details>

<details>
<summary><h2>Rotate the view</h2></summary>

In phone or tablet view, you can switch between landscape and portrait mode.

To toggle between landscape and portrait mode:

- Below the device switcher, click **Rotate**:

    ![The Rotate button in phone view](https://doc.sitecore.com/api/markdown-image/xp/en/users/100/sitecore-experience-platform/images/rotate_button.png)

</details>