> For the complete documentation index, see [llms.txt](https://docs.varbase.vardot.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.varbase.vardot.com/10.0.x/content-designers/site-configuration/user-interface/layout-builder-modal.md).

# Layout Builder Modal

The **Layout Builder Modal** in **Varbase** provides an improved user experience for managing content layouts using the **Drupal Layout Builder**. It allows users to configure sections and blocks within a modal window instead of a full-page reload.

**Key Features:**

* **Improved UX**: Opens block and section configuration in a modal instead of a full-page reload.
* **Faster Editing**: Reduces page refreshes, making layout updates more efficient.
* **Seamless Integration**: Works with the **Varbase Layout Builder** and **Gin Admin Theme** for a modern UI.
* **Customizable Permissions**: Control access via Drupal’s permissions system.

### How to Navigate the **Layout Builder Modal** Page

1. Form **Configuration/ User interface/ *****Layout Builder Modal.***
2. You'll be redirected to the **Layout Builder Modal** page.
3. Update the information you want and click on Save Configuration button.

<figure><img src="https://1551857219-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fd8dBDWQAT3IcHFm6Y1A3%2Fuploads%2F3shav396lJo54GgJGUc4%2Fimage.png?alt=media&amp;token=c3ae818f-3c65-4eb5-9515-75e99be2d538" alt=""><figcaption><p>Navigate the Layout Builder Modal Page</p></figcaption></figure>

<figure><img src="https://1551857219-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fd8dBDWQAT3IcHFm6Y1A3%2Fuploads%2Fa1mBFypDh38jI2x1KEli%2Fimage.png?alt=media&amp;token=e9e9c7a7-6dbf-4229-b139-e1946cd0a8b9" alt=""><figcaption><p>Layout Builder Modal Page</p></figcaption></figure>