---
title: Open & use the layout editor
slug: open-and-use-the-layout-editor
docTags: 
createdAt: 2023-02-23T19:06:12.000Z
---

:::hint{type="info"}
**Who can do this:&#x20;**

- Anyone with editing permission for the Homescreen and HS Sections, if editing  existing sections and creating Display tags
- Additional viewing permissions are needed for any content you want to place in the layout
:::

The layout editor (also called the *app preview*) is the interface where you can design the structure of the homescreen and select what content and features are included, and where.

# Open the layout editor

If you have a single layout:

- In the top-right corner of the dashboard, select the **Desktop** icon.

![](https://api.archbee.com/api/optimize/aL1TvWcESMCDQPkBf0hc--LkCtTS-3iZdc0VdZpIT09-20250506-214732.png)

&#x20;If you have multiple layouts:

1. Go t&#x6F;**&#x20;Admin** ➤ **Structure & Settings.**
2. Under **Groups, &#x20;**&#x73;elect the Group of the layout you're editing.&#x20;
   - If a Team, select the Group first, then the Team. Your organization may have other labels for these.
3. On the page, under **Settings,&#x20;**&#x73;elect **Edit layout**.
   - This loads the layout and a dialog appears notifying you which layout you're editing.&#x20;
4. In the dialog, clic&#x6B;**&#x20;Ok.&#x20;**
   ::Image[]{src="https://api.archbee.com/api/optimize/aL1TvWcESMCDQPkBf0hc--4Y7z6E9eak6hBT1U-EpzO-20240909-181639.png" size="24" width="213" height="160" position="flex-start" showCaption="false"}
5. In the top-right corner of the dashboard, select the **Desktop** icon.

This opens the web version of your layout for the Group or Team you selected.&#x20;

From here, you can use the layout editor to design the layout you want:

- [Use tools in the editor](docId\:dVC2F7IRYVZNdiH0g87DD)&#x20;
- [Navigate with map & menus](docId\:zKvUKcqgPGfzRU3aTIhgN)&#x20;
- [Use the content chooser](docId:61UfD8ExBTbJMnv-DN5sA)&#x20;

