---
title: Customizing a Custom Layout Grid Group
slug: zen-master/customizing-a-custom-layout-grid-group
docTags: 
createdAt: 2024-12-27T19:42:35.403Z
---

You can customize the layout of the Grid Group by setting the layout of private and/or private grids on the screen.&#x20;

**To set a custom grid group layout:&#x20;**

::::WorkflowBlock
:::WorkflowBlockItem
When configuring the Grid Group, under Display, select the **Custom Layout** option.

![Custom Layout option](https://api.archbee.com/api/optimize/mzxtTQEvCNIdUNgF2kuwJ/0_KFJNXLmliPL6PMoSrGM_image.png)
:::

:::WorkflowBlockItem
Specify additional settings and click **Save**.
The Group Group is displayed.
:::

:::WorkflowBlockItem
Modify the layout by using the controls specified in the [Layout controls](docId:8syFL8CbRVBPJ7yISbWsD)  section.&#x20;
:::

:::WorkflowBlockItem
When done, in the Layout control, click **Save** and then click **Lock**.

::Image[]{src="https://api.archbee.com/api/optimize/mzxtTQEvCNIdUNgF2kuwJ/rlyTzlWIWXIAi0_0t-UiF_image.png" size="46" width="275" height="90" position="center" alt="Save and Lock Buttons" showCaption="false"}
:::
::::

## Layout controls

If your layout control is in Unlock mode, you can do the following changes to the layout:

### Reordering the grid tiles

To moved around and reorder the grid tile on the screen, grab the title bar and move the tile to the desired location.&#x20;

![Reordering grid tiles](https://api.archbee.com/api/optimize/mzxtTQEvCNIdUNgF2kuwJ/W9-YsUyQIAbLDtow2PTz1_image.png)

### Resizing the grid tiles

To resize the grid tile, place the cursor on one of the borders until it turns into arrows and drag the border to the desired direction.&#x20;

::Image[]{src="https://api.archbee.com/api/optimize/mzxtTQEvCNIdUNgF2kuwJ/EvdQoLuBK6aAfyzcxt2fa_image.png" size="50" width="372" height="504" position="center" alt="Resizing the grid tiles" showCaption="false"}

### &#x20;Expanding the grid tile to full screen mode

&#x20;To expand the grid tile, click the **Expand&#x20;**&#x62;utton.&#x20;

::Image[]{src="https://api.archbee.com/api/optimize/mzxtTQEvCNIdUNgF2kuwJ/quJZEJigG_bmuB6Kr-fqt_image.png" size="40" width="191" height="77" position="center" alt="Expanding grid tile to full screen" showCaption="false"}

