> ## Documentation Index
> Fetch the complete documentation index at: https://support.getskara.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Customize the Ticket Layout

Page layout builder helps you to create custom layouts using a visual drag-drop editor. It also enables you to build different Ticket layouts based on user roles, teams, or personal preferences.

<Note>
  **Note:** A User with **Manage Permission** Rights can perform this action
</Note>

To Customize the Ticket Layout,

* Navigate to the **Profile Icon** in the top right corner.
* Click on **Set Up**
* Head over to the **Modules** category
* Select **Tickets** 

<img src="https://mintcdn.com/salesmate/3kt1fgAWxDcL9JEo/images/Screenshot2025-11-10at5.07.07PM.png?fit=max&auto=format&n=3kt1fgAWxDcL9JEo&q=85&s=da9f24ef5b14662a173ceebb9d84e8fe" alt="Screenshot 2025-11-10 at 5.07.07 PM.png" width="2420" height="1621" data-path="images/Screenshot2025-11-10at5.07.07PM.png" />

* <Tooltip tip="">Click on the </Tooltip>**Customize the Page Layout option**
* Here, you can **Create a New Layout** Customize the Default Page Layouts

### Create a New Layout

To create a New Page Layout,

* Click on the **Create New Layout** option on the right

<img src="https://mintcdn.com/salesmate/3kt1fgAWxDcL9JEo/images/Screenshot2025-11-10at5.09.24PM.png?fit=max&auto=format&n=3kt1fgAWxDcL9JEo&q=85&s=84afda5ae52f671388acf974e8846633" alt="Screenshot 2025-11-10 at 5.09.24 PM.png" width="2968" height="814" data-path="images/Screenshot2025-11-10at5.09.24PM.png" />

* A pop will open asking for the following details
  * **Layout Name**: Enter the layout Name
  * **Choose Layout Frame**: Select the appropriate Layout Frame from
    * 3 Column Layout - Default Layout
    * 2 Column Layout - Left Sidebar
    * 2 Column Layout - Right Sidebar
    * 2 Column Layout - Equal width
    * Once you have provided the information, click the **Start Customization** button

<img src="https://mintcdn.com/salesmate/MzKAGj7NuF5IbJ8r/tickets/overview/images/011-new-ticket-layout-details-31916928181785.png?fit=max&auto=format&n=MzKAGj7NuF5IbJ8r&q=85&s=2d21840a763bd66d5ea5f9bd4050d301" alt="New ticket layout details" width="1789" height="805" data-path="tickets/overview/images/011-new-ticket-layout-details-31916928181785.png" />

* You will be redirected to the **Visual Layout Builder** Page
* Here, a blank canvas will open with the selected layout frame and one action bar at the top. You can drag-drop the required widget on the screen to create a preferred layout.

<img src="https://mintcdn.com/salesmate/MzKAGj7NuF5IbJ8r/tickets/overview/images/012-ticket-layout-builder-page-31916972479641.png?fit=max&auto=format&n=MzKAGj7NuF5IbJ8r&q=85&s=9c41c246b406d9cf4f14029d35a90cc1" alt="Ticket layout builder page" width="2633" height="1484" data-path="tickets/overview/images/012-ticket-layout-builder-page-31916972479641.png" />

* Build different **Accordion** and **Tabs** to organize the content in a specific structure.

<img src="https://mintcdn.com/salesmate/MzKAGj7NuF5IbJ8r/tickets/overview/images/013-ticket-layout-accordions-and-tabs-31917479078681.png?fit=max&auto=format&n=MzKAGj7NuF5IbJ8r&q=85&s=cc2473cf217d1ec6b438d0b5abc7e39c" alt="Ticket layout accordions and tabs" width="2630" height="1604" data-path="tickets/overview/images/013-ticket-layout-accordions-and-tabs-31917479078681.png" />

* When accessing the Ticket Record Details, you have the flexibility to customize your view. You can choose to display either All Available Fields or only specific ones by selecting the **"Add Field"** option

<img src="https://mintcdn.com/salesmate/MzKAGj7NuF5IbJ8r/tickets/overview/images/014-add-field-to-ticket-layout-31918909396889.png?fit=max&auto=format&n=MzKAGj7NuF5IbJ8r&q=85&s=86a30564d29dd31188b8046ec8c859e5" alt="Add field to ticket layout" width="2629" height="1680" data-path="tickets/overview/images/014-add-field-to-ticket-layout-31918909396889.png" />

* You can also **Set the Visibility Rule** from the **+ Add Rule** option
* Set the **Condition Criteria **and**Save**  

<img src="https://mintcdn.com/salesmate/MzKAGj7NuF5IbJ8r/tickets/overview/images/015-set-visibility-rule-to-ticket-layout-31919135095321.png?fit=max&auto=format&n=MzKAGj7NuF5IbJ8r&q=85&s=598a90f2ac419015987ba3ef5a63c816" alt="Set visibility rule to ticket layout" width="2620" height="1679" data-path="tickets/overview/images/015-set-visibility-rule-to-ticket-layout-31919135095321.png" />

* Once you are done making the changes, you can hit on **Save**.

<img src="https://mintcdn.com/salesmate/MzKAGj7NuF5IbJ8r/tickets/overview/images/016-save-ticket-layout-31919135096857.png?fit=max&auto=format&n=MzKAGj7NuF5IbJ8r&q=85&s=76479a925f068ff4c9aded7dd80816dc" alt="Save ticket layout" width="2620" height="1687" data-path="tickets/overview/images/016-save-ticket-layout-31919135096857.png" />

* A pop will open asking for the following information,
  * **Layout Name**: It will display the name that you provided earlier, but you can change it before saving.
* **Description**: Add a description of the newly created layout. \* Choose if you want to Enable this layout for usage. If you enable the option it will open an option to allow access,
  * **Organization Level**: Everyone in the organization will have access to this layout.
  * **Role**: Only users with specific roles can access this layout.
  * **Teams**: Only users in the specific team can access this layout.
  * **User**: Only specific users can access this layout.
* Then, **Save** the information

<img src="https://mintcdn.com/salesmate/MzKAGj7NuF5IbJ8r/tickets/overview/images/017-new-ticket-layout-details-save-31919240227097.png?fit=max&auto=format&n=MzKAGj7NuF5IbJ8r&q=85&s=da3b95e1e99d21c97ffb0d813ab662e0" alt="New ticket layout details save" width="2611" height="1700" data-path="tickets/overview/images/017-new-ticket-layout-details-save-31919240227097.png" />

<Note>
  **Note:** If you have one layout set as organization level and then you save another then the previous one loses its org level setting and becomes inactive from usage at user level.
</Note>

### Customize the Default Layouts

To customize the Default Layout

* Hover on the **Default Layout** option,**Actions** button will appear
* Click on the **Actions** button and select the **Edit** option.

<img src="https://mintcdn.com/salesmate/MzKAGj7NuF5IbJ8r/tickets/overview/images/018-edit-default-ticket-layout-31919643355033.png?fit=max&auto=format&n=MzKAGj7NuF5IbJ8r&q=85&s=4ade0df08e3a91b84b032f3bd0a83826" alt="Edit default ticket layout" width="2234" height="563" data-path="tickets/overview/images/018-edit-default-ticket-layout-31919643355033.png" />

* You will be redirected to the **Layout Builder Page**. Here, you can drag and drop the Widgets to align with your specific business processes
* Make the desire changes, once done click on **Save**

<img src="https://mintcdn.com/salesmate/MzKAGj7NuF5IbJ8r/tickets/overview/images/019-ticket-layout-builder-page-31919860027801.png?fit=max&auto=format&n=MzKAGj7NuF5IbJ8r&q=85&s=3f908680ff465536ed94314fb2b0aabe" alt="Ticket layout builder page" width="2622" height="1678" data-path="tickets/overview/images/019-ticket-layout-builder-page-31919860027801.png" />

* Once you click on the Save option a pop will open asking for the following information
* Here, you can **Change the Layout Name**
* Add the **Description**
* Enable/Disable the Layout for Usage
* Change the Layout **Access**
* Once done, **Save** the information.

<img src="https://mintcdn.com/salesmate/MzKAGj7NuF5IbJ8r/tickets/overview/images/020-edit-default-ticket-layout-details-32099045399705.png?fit=max&auto=format&n=MzKAGj7NuF5IbJ8r&q=85&s=d0935126ea1ce234b05d04692dc96492" alt="Edit default ticket layout details" width="2608" height="1514" data-path="tickets/overview/images/020-edit-default-ticket-layout-details-32099045399705.png" />
