Creating Layouts
Layouts control the organization of fields and related sections on the module page of a department. Each department can have its own layout that consists of both default and custom fields. They also determine which fields are visible, read-only, and required.
You can use layouts to customize the fields on the module pages like Tickets, Tasks, etc. Also, the drag-and-drop feature allows you to add new fields, remove unused fields and re-order fields as per your requirements.
If you support several different products or processes, your agents will need specific information to make them solve tickets faster. This means your help desk will comprise of a bunch of custom fields that show up on the customer-facing ticket forms. So much so that your customers come across fields that are entirely irrelevant to their problem. This is where custom page layouts can come in handy.
Page layouts allow you to show a separate set of fields for each product, process, or service and ensure that your customers and agents see only the relevant fields. This is not just for the ticket; you can add multiple page layouts for accounts, contacts, activities, products, and time entries. For example, you might need the customer's ZIP code to check if you can deliver to their address, and their purchase date to check warranty status. By having specific page layouts based on the type of request a customer makes, you can speed things up and collect the information you need in the format you want.
Points to Remember
Here are some key points to keep in mind before you start adding multiple layouts.
- Agents and customers can select an appropriate layout of the Tickets module while adding a ticket.
- Only ticket layouts can be made visible to end users in the Help Center.
- Org-wide modules such as Accounts, Contacts, and Products can have a maximum of 20 active layouts.
- Tickets, Activities, and Time Entries can have a maximum of 20 active layouts per department.
- The Contracts module does not support multiple layouts.
Admins can select multi-select picklist field while creating a layout rule. For example, Admins can create a rule for a "Service Topics" multiselect picklist field in Desk account, enabling customers to select various topics they need assistance with. Upon choosing their topics, a new layout will prompt them to provide billing details. This allows customers using the help center to pick multiple service topics when submitting tickets.
Regex criteria's such as Matches Regex, Not Matches Regex, and Contains Regex can be selected while creating a layout rule. Consider a scenario where an admin wants create a layout rule for a field, "Order Number", using Regex criteria. The goal is to ensure a specific format for order numbers. Let's say the admin aims for order numbers to include only alphanumeric characters, like "ORD123." In this case, the admin can utilize the "Matches Regex" criterion, setting it to enforce the requirement for alphanumeric input in the order number field. Following the entry of data into the order number field, a new layout named "Billing Details" will be displayed.
- Ticket properties like status values, picklist values, multi-select picklist values, and mandatory fields are set at the layout level, not the department or organization level. For example, you can make the same field required on one layout but optional on another layout.
- While adding a page layout, you must assign it to user profiles. Agents can create records in only those layouts that are assigned to their profiles.
- When you add a custom layout, you can choose to allow non-department
- A department will consist of a standard layout for each module. This Standard Layout is the default layout, which cannot be deactivated or deleted.
- You can add new layouts and specify which layout (standard, or otherwise) must be the default layout for a department.
- You can clone a layout within a department and also across departments. The layouts must belong to the same module. For eg., you can clone layout from Tickets module between department A and B.
- By default, a Standard Layout is assigned to all user profiles. Their permissions and display preferences cannot be modified.
- You could either rename the Standard Layout and customize it or clone it to create a new layout.
- Following are a few examples of the most common differences between two layouts:
- Different fields and sections in the layouts
- The values of a pick-list field are different in the different layouts
- The difference in mandatory fields – while a field is mandatory in one layout – it is non-mandatory in the other
Availability
Permission Required
Users with the permission to Manage Layouts and Fields can create, edit or delete layouts and layout rules.
Check Availability and LimitsTo add a new layout
- Click the Setup icon (
) in the top bar.
- In the Setup Landing page, click Layouts and Fields under Customization.
- In the Layouts page, select the desired module and the department (when more than one exists) from the drop-down menu.
If this is the first time you've started to explore page layouts, you'll see the default Standard Layout for the chosen module.
![](https://desk.zoho.com/DocsDisplay?zgId=4241905&mode=inline&blockId=ksor03d62b384c1844bf997b8561e5c0ec89a)
- Click Add Layout in the upper-right corner of the page.
- In the Add Layout panel, do the following:
- Enter the layout's Name, Display Name in Help Center, and Description.
- In the Layout Permissions field, select the user profiles that will have access to the layout.
- Select the checkbox for Allow non-department agents with the assigned profiles to access the layout.
- Select the checkbox for Display in Help Center.
- Click Save and Configure.
You will be directed to the Edit Layout page. - Customize the layout with the required fields and sections.
You can add fields and sections, reorder, mark as required, set permissions, edit properties, replace picklist values, or remove fields. - Click Save or Save and Close.
Customizing a Layout
You can perform the following customizations in a module's page layout:
- Organize page details
- Make fields mandatory
- Add new sections
- Add custom fields
Organize Page Details
The option to Organize Page details is available in each module and helps to change the order of the related list views. Additionally, you can show or hide some of the related fields as per your department's requirement using this feature.
To organize the page details
- Click the Setup icon (
) in the top bar. - In the Setup Landing page, click Layouts and Fields under Customization.
- In the Layouts page, select the desired module and the department (when more than one exists) from the drop-down menu.
Module refers to the Tickets, Tasks, Contacts, etc.
- Click Edit Layout at the bottom of the page to open the layout editor.
- In the Edit Layout page, drag and drop the fields from the [Module] layout list to the Unused Fields list and vice versa to show or hide the fields.
Note: Certain fields are mandatory (read-only and standard fields) and cannot be removed from the page layout. - In the [Module] Layout list, drag and drop the fields to change their order on the page as per your requirement.
- Click Save Layout.
![](https://supportlab.zoho.com/DocsDisplay?zgId=4241905&mode=inline&blockId=6x19e6acd3f7f04674f758d78d81d2ff0fb7e)
Marking Fields as Required
You can mark fields as required or mandatory in Zoho Desk.
To mark fields as required
Adding Sections
A section is simply an area on a page layout, where we can group similar fields under an appropriate heading. This makes it easy for your users to quickly identify and enter the information for a record, especially if your record has a significant number of fields. By default, there are certain sections available in each of your modules.
To add a new section
- Click the Setup icon (
) in the top bar. - In the Setup Landing page, click Layouts and Fields under Customization.
- In the Layouts page, select the desired module and the department (when more than one exists) from the drop-down menu.
Module refers to the Tickets, Tasks, Contacts, etc. - Click Edit Layout at the bottom of the page to open the layout editor.
![](https://supportlab.zoho.com/DocsDisplay?zgId=4241905&mode=inline&blockId=6x19e51c1a67cef6140c3ac12fbbf15f0afa6)
- From the Add Field Tray on the right, drag and drop +Add Section to include more sections for the module.
- Edit the name of the section, if required.
- Click Save Layout.
![Notes](https://static.zohocdn.com/zoho-desk-editor/static/images/file.png)
Note
- You can add/delete as many sections as you require.
- You must remove the read-only and mandatory fields in a section before you could delete it.
Adding Custom Fields
Zoho Desk lets you add custom fields in addition to the built-in fields. When you create a custom field, you configure where you want it to appear and optionally control security at the Profile level. To learn more about adding custom fields, click here. Deleting Layouts
Admins can delete the layouts that are no longer required for business purposes to declutter the database. Upon deletion all the records that are associated to the layout will also be transferred to the new layout. However, the profiles that are associated to the layout, must be transferred to another layout before deletion.
Automation such as blueprint, layout Rules, workflows, webforms, validation rules, ticket templates, and field dependencies associated with the layout will be deleted.
![Notes](https://static.zohocdn.com/zoho-desk-editor/static/images/file.png)
Note
- Default layouts cannot be deleted, you can make another layout default and then delete it if required.
- Upon transfer the ticket status will be automatically changed to the default ticket status that is set in the new layout.
To delete a layout
- Go to Customization > Layouts and Fields > Layouts.
- From the list view, hover on the layout you want to delete.
- Click the More icon and select Delete Layout.
![](https://help.zoho.com/galleryDocuments/edbsnb87c76f58edfe2b050b1bf6fc1b57fb94a146d7cf2d082a7c8a96b65740a980a1ec2511fe36181a8940f58ae563f4167?inline=true)
- In Delete Layout popup, select a layout for the profiles from the drop-down.
- Click Transfer and Delete Now.
There are times when it would be ideal for showing different fields or sections on a layout based on field data. For example, if a field for "Issue Type" is selected on a ticket page, it would be nice if a section or field related to capturing more information on "Issue" is displayed. If the field is not selected, then this section or field remains hidden. Layout Rules help you do just these with ease.
The layout rules allow you to define the dependency between related fields based on a user's input in a layout. So, when a user fills in a field, the layout progressively adds more fields or sections based on the users' input. This helps you limit the number of fields that appear on a layout and speed up the process of creating a record.
Let's consider the "Issue Type" field again. When a user selects a Parts transaction on this field, you want to show a part number field. When they choose a Service transaction, you want to show a labor rate. This typically means that when a user submits a ticket for a Parts transaction, the Service transaction-related field should not be displayed although it exists in the layout. You can achieve this type of dynamic layout by creating a layout rule with "Issue Type" as the primary field. Read on to know how you can accomplish this.
Benefits
Here are the three benefits of creating layout rules:
- Control the order in which layout fields are presented to users.
- Eliminate field clutter by limiting the number of fields that appear on a layout.
- Make a field mandatory depending on the value entered in a previous field.
There are three actions that can be triggered when layout rule criteria are met.
- Show Fields: Choose this action when you want specific fields to be shown
- Show Sections: Choose this action when you want specific sections to be shown
- Set Mandatory Fields: Choose this action when you want to make a few fields mandatory
Points to Remember
Here are some points to keep in mind while creating layout rules:
- Layout Rules per Layout: A maximum of 10 rules can be created per layout.
- Following is the split up of the number of conditions you can create within a layout rule.
- 25 Parent Conditions per rule
- 5 Branch Conditions per parent condition
- 5 Criteria per branch condition
- 25 Actions per branch condition
- Layout rules are department-specific. This means, under a single module, say Tickets, you can configure different layout rules on the same field for different departments.
- A department can have up to 50 layout rules in total, with a maximum of 20 rules active at any given time.
- The [Record] Owner field cannot be chosen as the primary field that controls the layout rule.
- Layout Rules are applied only when users manually create or edit a record.
- Layout rules are not available for records created via import, webforms, and APIs.
- Layout rules cannot be created based on a Multi-select picklist field or a Multi-line field as the primary field.
- Layout Rules cannot be used on the following fields:
- Department Name
- Description
- Resolution
- A primary field used in a layout rule is not available for update from the Mass Actions menu.
- The primary field used in a layout rule must be visible on the Help Center to validate tickets submitted through it.
- A field once specified in action cannot be added again to another rule.
To create a layout rule
- Click the Setup icon (
) in the top bar.
- In the Setup Landing page, click Layouts and Fields under Customization.
- Click Layout Rules under the Layouts and Fields sub-menu.
- In the Layout Rules page, select the desired module and the department (when more than one exists) from the drop-down menu.
- Click Create Rule in the upper-right area.
- In the Create Layout Rule pop-up window, do the following:
- Enter a name for the rule.
- Describe the rule.
- Choose a primary field that controls this rule. Example, Issue Type.
- Choose a condition to initiate the rule. Example, Issue Type + is + Parts.
- Click Next.
- In the Layout Rule Editor, the condition specified is pre-populated. So, click Trigger an action.
- Choose from the list of actions. Example, Show Fields.
- In the Create Action panel, specify the field to be shown. In this scenario, Part Number field.
You can specify further conditions and actions as required. Example, Show Sections and Set Mandatory Fields. - Click Done on the right panel.
- Check Apply to Help Center to manage dependencies between fields when tickets are submitted through your help center.
- Click Save.
Renaming Layout Rule
You can rename a layout rule or update its description at any time.
To rename rule
- Click the Setup icon (
) in the top bar.
- In the Setup Landing page, click Layouts and Fields under Customization.
- Click Layout Rules under the Layouts and Fields sub-menu.
- In the Layout Rules page, hover your mouse pointer over the rule you wish to rename, click the More icon (
) and select the Rename option.
- On the Renaming Rule window, update the rule's name and description.
- Click Save.
Deactivating Layout Rule
You can activate or deactivate layout rules at any time. When you deactivate a rule, it is labeled as Inactive. Layout rules can be reactivated, when needed.
To deactivate rule
- Click the Setup icon (
) in the top bar.
- In the Setup Landing page, click Layouts and Fields under Customization.
- Click Layout Rules under the Layouts and Fields sub-menu.
- In the Layout Rules page, click the toggle corresponding to the layout rule to OFF.
- Click Deactivate to confirm.
Deleting Layout Rule
Layout rules can be deleted when not in use. When you delete a rule, it will be permanently removed from your help desk and cannot be recovered.
To delete rule
- Click the Setup icon (
) in the top bar.
- In the Setup Landing page, click Layouts and Fields under Customization.
- Click Layout Rules under the Layouts and Fields sub-menu.
- In the Layout Rules page, hover your mouse pointer over the rule you wish to delete, click the More icon (
) and select the Delete option.
- Click Yes, Delete the rule to confirm.
SEE ALSO