> ## 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.

# Enabling Sorting & Filtering for Widgets in Page Layout

The Modules Page Layout Builder empowers you to personalize your Detail Layout experience by enabling sorting and filtering functionalities for the selected widgets.

**Note:** Enable Sorting & Filtering is available for Associated Modules (Multi Look Up Fields).

To enable Sorting Filtering for Widgets,

* Navigate to the **Profile Icon** in the top right corner.
* Click on **Set Up**
* Head over to the **Modules** category
* Select the required Module **(Contact, Company or Ticket Module)**

<img src="https://mintcdn.com/salesmate/GBA7kY-QW_sIO0BB/images/Screenshot2025-11-14at12.41.23PM.png?fit=max&auto=format&n=GBA7kY-QW_sIO0BB&q=85&s=ad3c829e72c5f84442fe0fe640fb1cfb" alt="Screenshot 2025-11-14 at 12.41.23 PM.png" width="2133" height="1573" data-path="images/Screenshot2025-11-14at12.41.23PM.png" />

* Click on the **Customize the Page Layout** option

<img src="https://mintcdn.com/salesmate/twl1K0IvIivs-jJn/images/Screenshot2025-11-14at4.54.02PM.png?fit=max&auto=format&n=twl1K0IvIivs-jJn&q=85&s=cd0d6af7d71f5ddc8f925d5a474366a1" alt="Screenshot 2025-11-14 at 4.54.02 PM.png" width="2744" height="1152" data-path="images/Screenshot2025-11-14at4.54.02PM.png" />

* Here, you can **Edit** the existing Layout or Create a New Layout

<img src="https://mintcdn.com/salesmate/twl1K0IvIivs-jJn/images/Screenshot2025-11-14at4.55.05PM.png?fit=max&auto=format&n=twl1K0IvIivs-jJn&q=85&s=7c6935e2d3047610a75d7b04482550f3" alt="Screenshot 2025-11-14 at 4.55.05 PM.png" width="2734" height="1206" data-path="images/Screenshot2025-11-14at4.55.05PM.png" />

* When you drag-drop the Associated Module widget on the layout page, a drop-down will ask you to choose the relation.
* Once you have selected the module, an option to add the fields will be enabled.

<img src="https://mintcdn.com/salesmate/UDyyzzsp63MKe1XZ/setup/customizations/images/mceclip4-2.png?fit=max&auto=format&n=UDyyzzsp63MKe1XZ&q=85&s=743ddd0bb59d36647ee84571abe232c7" alt="mceclip4.png" width="2689" height="1623" data-path="setup/customizations/images/mceclip4-2.png" />

* Now if you add any of the above mentioned Widgets, you would get an option to,
  * [Enable Sorting](#enable-sorting)
  * [Apply Filters](#apply-filters)

<img src="https://mintcdn.com/salesmate/UDyyzzsp63MKe1XZ/setup/customizations/images/mceclip3-2.png?fit=max&auto=format&n=UDyyzzsp63MKe1XZ&q=85&s=c4da9fe9175e525b3de1f31be4918f5f" alt="mceclip3.png" width="2688" height="1563" data-path="setup/customizations/images/mceclip3-2.png" />

### Enable Sorting

* This option will be disabled by default, click on the Toggle button to enable the option.
* Choose the field on which you want to apply sorting and then select the order of sorting,
  * **Select Field:** Select the required field from the available list of fields.
  * **Sort Order:** Choose to sort the order in ascending or descending order.

<img src="https://mintcdn.com/salesmate/UDyyzzsp63MKe1XZ/setup/customizations/images/mceclip5-2.png?fit=max&auto=format&n=UDyyzzsp63MKe1XZ&q=85&s=e93b45b2d76a5817674269f9adf7e361" alt="mceclip5.png" width="2677" height="1623" data-path="setup/customizations/images/mceclip5-2.png" />

### Apply Filters

* Click on **+ Add Filter** to apply Filters
* A pop up will open to add the set of Conditions
* Once done, **Save** the applied criteria.

<img src="https://mintcdn.com/salesmate/UDyyzzsp63MKe1XZ/setup/customizations/images/mceclip6-2.png?fit=max&auto=format&n=UDyyzzsp63MKe1XZ&q=85&s=eb3bcfb8f0b26390947607019a4d5939" alt="mceclip6.png" width="2166" height="732" data-path="setup/customizations/images/mceclip6-2.png" />

* Click on **Save** to save the applied changes.

<img src="https://mintcdn.com/salesmate/UDyyzzsp63MKe1XZ/setup/customizations/images/mceclip8.png?fit=max&auto=format&n=UDyyzzsp63MKe1XZ&q=85&s=89d9ca19dd14b946639027a698ffb152" alt="mceclip8.png" width="2683" height="707" data-path="setup/customizations/images/mceclip8.png" />
