> For the complete documentation index, see [llms.txt](https://docs.fabricplan.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.fabricplan.com/resources/create-and-manage-home-layouts.md).

# Create and manage Home Layouts

Home Layout enables you to create role-based landing pages within an item. You can configure different layouts for different roles so that users see the sheets and information that are most relevant to their responsibilities when they open the item.

A Home Layout can include sections, images, a Hero Banner, and available sheet cards. You can customize the content, layout, visibility, and priority of each Home Layout.

### Use case

Organizations often have multiple teams working within the same item, but each team requires access to different information.

For example, project managers may need visibility into planning activities, business analysts may focus on forecasts and reporting, and QA teams may need quick access to testing and defect-related information. Showing all available sheets to every user can make it difficult to find relevant information.

With Home Layout, you can create dedicated landing pages for different roles, ensuring that users see only the most relevant content for their day-to-day activities.

### Key concepts

#### Home Layout

A Home Layout is a customized landing page that determines the content users see when they select **Home** in the **Explorer**.

A Home Layout can contain:

* A Hero Banner
* Sections
* Images
* Available sheet cards
* Titles and descriptions

#### Roles

Home Layouts are associated with roles. You can create separate layouts for different roles and customize the content displayed to users assigned to those roles.

#### Item Baseline role

**Item Baseline** is the default system role. Users who aren't assigned to a specific role see the Home Layout configured for the **Item Baseline** role.

#### Layout priority

Users can be assigned to multiple roles. When a user has access to multiple role-based Home Layouts, the layout with the highest priority is displayed.

You can [reorder layouts](#change-layout-priority) in the **Layouts** pane to change their priority.

### Role Security and Home Layouts

Home Layout respects the **Role Security** settings configured for a role. Role Security determines which sheets are available to that role, while Home Layout determines how those available sheets are presented.

If a sheet is hidden for a role through Role Security:

* The sheet isn't available when configuring a Home Layout for that role.
* The sheet can't be added to that role's Home Layout.
* Users assigned to the role can't access the sheet through the Home Layout.

{% hint style="info" %}

#### Note

Role Security settings take precedence over Home Layout settings.
{% endhint %}

### Create a Home Layout

Before creating a Home Layout, make sure the required role exists. You can use an existing role or create a new role while creating the layout.

To create a Home Layout:

1. Go to the **Home** tab.
2. Select **Home Layout**.<br>

   <figure><img src="https://257222532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUtolck8kt8atqxFPsEBn%2Fuploads%2FQRBClg0vD4ZK3OuvIUhm%2Fimage.png?alt=media&amp;token=7b51503c-8abc-4df5-9f82-7bb453af1e27" alt=""><figcaption></figcaption></figure>
3. In the **Home Layout** window, select **Create Layout**.
4. Select an existing role or create a new role. For more information, see [create a new role](/planning-sheets/how-tos/manage-security-in-planning.md#create-and-manage-roles).<br>

   <figure><img src="https://257222532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUtolck8kt8atqxFPsEBn%2Fuploads%2Fj3qOz146Bk3XlBwNAVYM%2Fimage.png?alt=media&amp;token=ea0d44ff-e7af-4a29-81b4-ce615d9269ab" alt=""><figcaption></figcaption></figure>
5. Configure the role's security settings and assign the role to the required users. For more information, see [Configure role security](/planning-sheets/how-tos/manage-security-in-planning.md#configure-general-permissions) and [Assign a role to users](/planning-sheets/how-tos/manage-security-in-planning.md#assign-users-to-roles).
6. Configure the [layout content](#configure-home-layout-content).
7. Select [**Preview**](#preview-a-home-layout) to review the layout.
8. Select **Save**.

The Home Layout is created and associated with the selected role.

{% hint style="info" %}

#### Note

* Sheets hidden through Role Security aren't available in the Home Layout configuration for that role and aren't displayed in the Explorer.
* You can create only one Home layout per role.
  {% endhint %}

### Configure Home Layout content

After you create a **Home Layout**, the layout configuration window opens. A new layout contains the following elements by default:

* A Hero Banner
* Two section blocks
* An Available Sheets block

<figure><img src="https://257222532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUtolck8kt8atqxFPsEBn%2Fuploads%2FJ7Ce2fqqVD570rsyUc2m%2Fimage.png?alt=media&amp;token=de5bb199-74f1-4e15-b898-7ec8cfae0ea8" alt=""><figcaption></figcaption></figure>

You can customize these elements or add additional content using the layout toolbar.

#### Customize the Hero Banner

The **Hero Banner** provides a prominent area at the top of the Home Layout where you can display a title, description, and background image.

To customize the Hero Banner:

1. Select the title or description and enter the required text.
2. Select text to apply available formatting, such as font color or highlighting.<br>

   <figure><img src="https://257222532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUtolck8kt8atqxFPsEBn%2Fuploads%2FUT92z3th9H6M4mTyTLtp%2Fimage.png?alt=media&amp;token=d9465340-6733-4bf1-910a-77275ff3f796" alt=""><figcaption></figcaption></figure>
3. Hover over the Hero Banner and select the **gripper** icon, or right-click the block, to access additional options:
   * **Change image** to change the Hero Banner background image.
   * **Move block** to move the Hero Banner up or down.
   * **Delete** to remove the Hero Banner.<br>

     <figure><img src="https://257222532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUtolck8kt8atqxFPsEBn%2Fuploads%2FtjHUaQZqLUARJ5eHCdVo%2Fimage.png?alt=media&amp;token=08ce816e-e276-489f-a540-20eca771560a" alt=""><figcaption></figcaption></figure>

If you delete the Hero Banner, you can add it again by selecting **Hero Banner** on the layout toolbar.

<figure><img src="https://257222532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUtolck8kt8atqxFPsEBn%2Fuploads%2FwW0gZQb0veP2YsnYLDQO%2Fimage.png?alt=media&amp;token=4485b210-4339-421f-ba11-ede1b6f78a88" alt=""><figcaption></figcaption></figure>

#### Add and organize sections

Sections provide flexible content blocks within the Home Layout. You can add a name and description to a section and use it to present information such as highlights, key metrics, or KPI-style content.

To configure a section:

1. Select **Add Section Name** and enter a name.
2. Select the **Add description** and enter the required information.
3. Use the available formatting options to format the description as numbered or unordered lists.
4. To add another section, select **New section** on the layout toolbar. The new section is added to the bottom of the layout.<br>

   <figure><img src="https://257222532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUtolck8kt8atqxFPsEBn%2Fuploads%2F3wGFsCac6GaaDzOx6TiU%2Fimage.png?alt=media&amp;token=0cbb958e-d6a0-4d4d-94c4-58e08407e542" alt=""><figcaption></figcaption></figure>

You can organize a section using the following options

* Hover over the Section block and select the **gripper** icon, or right-click the block, to access additional options:
  * **Move block** to move the section up or down.
  * **Duplicate** to create a copy of the section.
  * **Delete** to remove the section.<br>

    <figure><img src="https://257222532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUtolck8kt8atqxFPsEBn%2Fuploads%2Fh6ydVudfwMIKYCqjyHhQ%2Fimage.png?alt=media&amp;token=36f3ccf2-6771-47e2-8bf4-b6cb8815bfb2" alt=""><figcaption></figcaption></figure>
* Drag the section using its gripper to reposition it within the layout.
* Hover over the block and then drag the resize handle at the bottom-right corner to adjust the section size.<br>

  <figure><img src="https://257222532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUtolck8kt8atqxFPsEBn%2Fuploads%2FcQtOAIpaB8TfnRoMHtD0%2Fimage.png?alt=media&amp;token=fcdd5989-aa0f-4eaf-a5e8-183294f3649e" alt=""><figcaption></figcaption></figure>

#### Configure Available Sheets

The **Available Sheets** block displays sheets that are available to the role in the Home Layout.

To configure the Available Sheets block:

1. Hover over the block and select the **gripper** icon.
2. Use **Layout** to display the available sheets in three or four columns.<br>

   <figure><img src="https://257222532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUtolck8kt8atqxFPsEBn%2Fuploads%2FqeVWIOX5ko2t1ykLaAZ8%2Fimage.png?alt=media&amp;token=65347f06-d884-4f3b-9ba8-4a5928cb58f5" alt=""><figcaption></figcaption></figure>
3. Use **Move block** to move the block up or down.
4. Use **Show Sheets** to show or hide the sheets within the Available Sheets block.<br>

   <figure><img src="https://257222532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUtolck8kt8atqxFPsEBn%2Fuploads%2FlEj2O3w7juHVi8zcACmr%2Fimage.png?alt=media&amp;token=c949d308-dff7-411f-b513-454244f7ae0d" alt=""><figcaption></figcaption></figure>
5. Use **Delete** to remove the block.

If you delete the Available Sheets block, you can add it again by selecting **List of Available Sheets** on the layout toolbar.

Use the search box to quickly find a sheet when the item contains a large number of sheets.

{% hint style="info" %}

#### Note

* Hiding a sheet using **Show Sheets** only removes it from the Available Sheets block in the Home Layout. It doesn't hide the sheet from the Explorer or change the user's access to the sheet.
* To restrict access to a sheet, use Role Security.
* You can include only one hero banner and one list of available sheets in a layout.
  {% endhint %}

#### Add and configure an image

You can add images to provide additional visual context or branding within a Home Layout.

To add an image:

1. Select **Image** on the layout toolbar.
2. An image block is added to the bottom of the layout.
3. Select the image block and upload an image.<br>

   <figure><img src="https://257222532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUtolck8kt8atqxFPsEBn%2Fuploads%2F9DJTTmYL6dUtckR0CxI3%2Fimage.png?alt=media&amp;token=c422cf0b-9d5c-4a93-9cfa-1194c0b618f3" alt=""><figcaption></figcaption></figure>

After adding an image, hover over the image block and select the **gripper** icon, or right-click the block, to access the available options:

* **Change image** to replace the image.
* **Move block** to move the image up or down.
* **Image settings** to select **Fit** or **Fill** for the image.
* **Delete** to remove the image.<br>

  <figure><img src="https://257222532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUtolck8kt8atqxFPsEBn%2Fuploads%2FEHA8ioOick6sREtT3nm8%2Fimage.png?alt=media&amp;token=229876df-5a87-4829-a668-5297d80a779d" alt=""><figcaption></figcaption></figure>

To resize the image block, hover over the image block and drag the resize handle at the bottom-right corner of the block.

<figure><img src="https://257222532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUtolck8kt8atqxFPsEBn%2Fuploads%2FQxnzZrJEkp8UvRRdazfq%2Fimage.png?alt=media&amp;token=14844878-9bab-4db5-ae3d-f66c5877f13d" alt=""><figcaption></figcaption></figure>

#### Undo and redo changes

Use the **Undo** and **Redo** icons on the layout toolbar to undo or redo changes made while configuring the Home Layout.

<figure><img src="https://257222532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUtolck8kt8atqxFPsEBn%2Fuploads%2FMPudjzCJ7Oct05Ex9Ykq%2Fimage.png?alt=media&amp;token=5e909833-07e8-4918-839b-faca98fe667f" alt=""><figcaption></figcaption></figure>

### Preview a Home Layout

Use **Preview** on the layout toolbar to review the Home Layout before saving it. Previewing the layout helps you verify the arrangement of sections, images, banners, and sheet cards from a user's perspective.

<figure><img src="https://257222532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUtolck8kt8atqxFPsEBn%2Fuploads%2FJrEti61JQNtZ0knoPaSq%2Fimage.png?alt=media&amp;token=410902ca-2fd7-4bf7-b6d5-82f2ba2685c3" alt=""><figcaption></figcaption></figure>

After reviewing the layout in preview mode, select **Close preview** to return to the configuration view. Then select **Save** to save the layout.

### Manage Home Layouts

After creating a Home Layout, you can update its content and configuration at any time.

To manage Home Layouts:

1. Go to the **Home** tab.
2. Select **Home Layout**.
3. Select the layout you want to manage.

You can perform the following actions:

* Edit the layout content.
* Add a new layout.
* Change the role associated with a layout, where supported.
* Reorder layouts to change their priority.
* Show or hide a layout.
* Delete a layout that is no longer required.

#### Show or hide a layout

Use the **Show** toggle in the **Layouts** pane to control whether a layout is available to users.

When a layout is hidden:

* The layout configuration is retained.
* Users can't access the layout.
* The layout becomes available again when you enable **Show**.

<figure><img src="https://257222532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUtolck8kt8atqxFPsEBn%2Fuploads%2FBoOtOFwMz5HJsGnarLpw%2Fimage.png?alt=media&amp;token=2f87adb9-fcbc-4774-bb3e-d14ba043c891" alt=""><figcaption></figcaption></figure>

This allows you to temporarily disable a layout without deleting its configuration.

#### Add a layout

To create another Home Layout:

1. In the **Layouts** pane, select **Add Layout**.<br>

   <figure><img src="https://257222532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUtolck8kt8atqxFPsEBn%2Fuploads%2FaJCkp8I5olHaFosKc0ya%2Fimage.png?alt=media&amp;token=54a6f730-447c-4e29-af36-77de51ee2139" alt=""><figcaption></figcaption></figure>
2. Select the role for the new layout.
3. Configure the [layout content](#configure-home-layout-content).
4. Select **Save**.

#### Change layout priority

Users assigned to multiple roles see the Home Layout with the highest priority.

To change the priority:

1. In the **Layouts** pane, select and hold the layout you want to move.
2. Drag it to the required position.
3. Release the layout to reorder the list.

The order of layouts determines their priority. In the following example, the **Developer** layout has the highest priority. If a user is assigned to the **Developer**, **QA Engineer**, and **Business Analyst** roles, the **Developer** Home Layout is displayed.

<figure><img src="https://257222532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUtolck8kt8atqxFPsEBn%2Fuploads%2Fe5PGLvIi9FG5b0lqJxUK%2Fimage.png?alt=media&amp;token=6f805c17-35be-46fe-9529-5f480d27f2ea" alt=""><figcaption></figcaption></figure>

### View a Home Layout

After a Home Layout is saved and made visible, users assigned to the corresponding role can access it from the item.

To view a Home Layout:

1. Open the item.
2. In the Explorer, select **Home**.
3. View the Home Layout configured for your role.<br>

   <figure><img src="https://257222532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUtolck8kt8atqxFPsEBn%2Fuploads%2FT2BtqQ2jgg2sQIyNLSoQ%2Fimage.png?alt=media&amp;token=f1b37231-d373-40bc-ac0a-b429dfac7d4c" alt=""><figcaption></figcaption></figure>

If a layout is configured for the **Item Baseline** role, users without a specific role assignment see that layout. Users assigned to multiple roles see the highest-priority visible layout available to them.

#### Example: Configure personalized Home Layouts

Consider an item used by multiple project teams. The item contains the following sheets:

* Resource Master
* Sprint Planning
* Test Execution Dashboard
* Defect Analysis
* Release Readiness
* Forecast Intelligence
* Executive Summary

You can create Home Layouts for different roles:

| Role             | Sheets included in the Home Layout                           |
| ---------------- | ------------------------------------------------------------ |
| QA Engineer      | Test Execution Dashboard, Defect Analysis, Release Readiness |
| Developer        | Resource Master, Sprint Planning, Defect Analysis            |
| Business Analyst | Forecast Intelligence, Executive Summary                     |
| Item Baseline    | Sprint Planning, Executive Summary                           |

In this configuration, when roles are assigned to corresponding team members:

* QA Engineers see the QA-specific Home Layout.<br>

  <figure><img src="https://257222532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUtolck8kt8atqxFPsEBn%2Fuploads%2FT4HbZ2tfrQPJlTxob0L3%2Fimage.png?alt=media&amp;token=68ef8944-794e-4f4e-b201-2973a484b071" alt=""><figcaption></figcaption></figure>
* Developers see the Developer-specific Home Layout.<br>

  <figure><img src="https://257222532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUtolck8kt8atqxFPsEBn%2Fuploads%2FJFCCYtPwoPdodNPvnKIv%2Fimage.png?alt=media&amp;token=52476810-e14a-4fcf-b913-3b531304d533" alt=""><figcaption></figcaption></figure>
* Business Analysts see the Business Analyst Home Layout.<br>

  <figure><img src="https://257222532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUtolck8kt8atqxFPsEBn%2Fuploads%2FglRKDJblk36SgbPnXXgw%2Fimage.png?alt=media&amp;token=9cd597b5-22ec-4535-b21a-aa9f475accb9" alt=""><figcaption></figcaption></figure>
* Users without a specific role assignment see the Item Baseline Home Layout.<br>

  <figure><img src="https://257222532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUtolck8kt8atqxFPsEBn%2Fuploads%2FeVZvTRjO3nQmqozDj20j%2Fimage.png?alt=media&amp;token=b2b352f2-b43d-47fd-b458-a5fdc8196d07" alt=""><figcaption></figcaption></figure>
* Users assigned to multiple roles see the highest-priority visible layout available to them.

This approach provides each team with quick access to the information most relevant to their responsibilities without requiring them to navigate through unrelated sheets.

### Best practices

* Create layouts based on user responsibilities and common workflows.
* Use descriptive section names and descriptions.
* Place frequently used content near the top of the layout.
* Use images and banners when they improve visual clarity or navigation.
* Review Role Security settings before configuring a role-specific Home Layout.
* Maintain a useful Item Baseline layout for users without a specific role assignment.
* Review and update layouts periodically as business requirements change.
* Use layout priority carefully when users can belong to multiple roles.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.fabricplan.com/resources/create-and-manage-home-layouts.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
