---
title: Customizing the Info Panel (Layout)
slug: zen-master/customizing-the-info-panel-layout
docTags: 
createdAt: 2024-12-27T15:41:52.776Z
---

It is possible to customize the Info Panel. The available customizations include:

- Drag individual tiles left and right on the two rows. 
- Add new tiles from the tiles list.
- Delete tiles from the second row.
- Pin/Unpin each row.

# Unlocking the layout 

Before you can customize the Info Panel, you need to unlock its layout. 

**To unlock the layout:**

::::WorkflowBlock
:::WorkflowBlockItem
Click the kebab icon in the upper right corner of the info panel.

![](https://api.archbee.com/api/optimize/mzxtTQEvCNIdUNgF2kuwJ/TXL0WPEYCwcNDKRKYo4l1_layout-controls.png)
:::

:::WorkflowBlockItem
Make the changes, as described below and reopen the Layout menu and click **Save** when done.

::Image[]{src="https://api.archbee.com/api/optimize/mzxtTQEvCNIdUNgF2kuwJ/oLVTdSEMlNJXCIa1hX_yu_save-layout-changes.png" size="60" isUploading="false" position="center" width="794" height="514" darkWidth="794" darkHeight="514" showCaption="false"}
:::

:::WorkflowBlockItem
You can click **Revert** to undo the last change or click **Reset** to undo all the changes.
:::
::::

# Moving tiles

**To move tiles:**

1. [Unlock the Info Panel](docId:3JrhHkACBegQy_tt-djvG). 
2. Drag and drop the tile to the desired location on the Info Panel within the same row.  

# Adding new tiles

Additional tiles can be added to the second row. 

**To add new tiles:**

::::WorkflowBlock
:::WorkflowBlockItem
[Unlock the Info Panel](docId:3JrhHkACBegQy_tt-djvG). 
:::

:::WorkflowBlockItem
On the second row click the **Edit** button.

::Image[]{src="https://api.archbee.com/api/optimize/mzxtTQEvCNIdUNgF2kuwJ/k5Yl6iFH9Byhc9VchOAol_image.png" size="58" width="450" height="92" position="flex-start" alt="Edit button for layout" darkWidth="450" darkHeight="92" showCaption="false"}
:::

:::WorkflowBlockItem
Select the tiles that you want to add.

::Image[]{src="https://api.archbee.com/api/optimize/mzxtTQEvCNIdUNgF2kuwJ/5hWGJ7uIMUdwcfZ0uasUi_image.png" size="38" width="329" height="302" position="flex-start" alt="Adding tiles to a layout" darkWidth="329" darkHeight="302" showCaption="false"}
:::
::::

# Deleting tiles

Tiles can be removed from the second row. 

**To delete a tile:**

1.  [Unlock the Info Panel](docId:3JrhHkACBegQy_tt-djvG). 
2. Hover your mouse on the tile and click the **Remove** button.

::Image[]{src="https://api.archbee.com/api/optimize/mzxtTQEvCNIdUNgF2kuwJ/9Kt_9fHvqGLFBKSg7pUtd_image.png" size="46" width="291" height="112" position="flex-start" darkWidth="291" darkHeight="112" showCaption="false" indent="2"}



# Pinning/unpinning a row

**To pin/unpin a row:**

1. [Unlock the Info Panel](docId:3JrhHkACBegQy_tt-djvG). 
2. Hover your mouse on the row and click the Pin/Unpin icon.

::Image[]{src="https://api.archbee.com/api/optimize/mzxtTQEvCNIdUNgF2kuwJ/kj4IbUUkU8E3O-u-_iWKt_image.png" size="22" width="158" height="81" position="flex-start" darkWidth="158" darkHeight="81" showCaption="false" indent="2"}