--- title: "Saved Search Chart Control" slug: "saved-search-chart-control" updated: 2025-12-11T02:38:49Z published: 2025-12-11T02:38:49Z canonical: "docs.processmaker.com/saved-search-chart-control" --- > ## Documentation Index > Fetch the complete documentation index at: https://docs.processmaker.com/llms.txt > Use this file to discover all available pages before exploring further. # Saved Search Chart Control The Saved Search Chart control embeds a [chart](/v1/docs/overview-of-saved-search-charts) from a [Saved Search](/v1/docs/saved-searches) into a [Screen](/v1/docs/screens). The Saved Search chart visualizes the latest Saved Search result data at the time the Screen displays. The Saved Search chart is interactive as if it were in the [**Charts** tab](/v1/docs/view-charts-for-a-saved-search#view-the-charts-for-a-type-of-saved-search) of its Saved Search. By embedding a Saved Search chart into a Screen widens that chart's viewability to more stakeholders or even individuals who are not users in your organization by allowing anonymous users access ProcessMaker via the Web Entry. Use the Saved Search Chart control to visualize Saved Search results directly within Screens in the following ways: - Request participants can view the current chart configured for a Saved Search using the latest Request data at the time the Request participant views the Screen. - Request participants who do not have access to Collections can view charts for Saved Searches based on a Collection. > [!NOTE] > This control is only available for the following Screen types: > > - Display type > - Form type > > See [Screen Types](/v1/docs/screens#screen-types). --- ## Add the Control to a Screen **Permissions** Your user account or group membership must have the following permissions to design a Screen unless your user account has the **Make this user a Super Admin** setting selected: - Screens: Edit Screens - Screens: View Screens See the [Screens](/v1/docs/permission-descriptions-for-users-and-groups#screens) permissions or ask your Administrator for assistance. Follow these steps to add this control to the Screen: 1. [Create a new Form-type or Display-type Screen](/v1/docs/create-a-new-screen) or [edit an existing one.](/v1/docs/manage-screens#edit-a-screen) 2. From the Controls Menu on the left, expand the **Advanced** category, and then locate the **Saved Search Chart** icon ![](https://cdn.document360.io/2d311614-fcb7-4424-8b4c-d4d3091eebeb/Images/Documentation/Saved Search Chart Control.png). 3. Drag and drop the control to the Screen Builder canvas. Existing controls in the Screen will adjust positioning based on where you drag the control. ![](https://cdn.document360.io/2d311614-fcb7-4424-8b4c-d4d3091eebeb/Images/Documentation/Saved Search Chart.png) 4. Configure the Saved Search Chart control. See [Settings](/v1/docs/saved-search-chart-control#settings). 5. Validate that the control is configured correctly. See [Validate Your Screen](/v1/docs/validate-and-publish-a-screen#validate-a-processmaker-screen). Below are Saved Search Chart controls that display in the **Count of records** and **Answers**. ![](https://cdn.document360.io/2d311614-fcb7-4424-8b4c-d4d3091eebeb/Images/Documentation/3f475195-ea74-4376-8068-30cc4181ded6.png) --- ## Settings The Saved Search Chart control has the following configurable settings in the Properties Panel: - [**Configuration** panel](/v1/docs/saved-search-chart-control#configuration-panel-settings) - [**Advanced** panel](/v1/docs/saved-search-chart-control#advanced-panel-settings) --- ### Configuration Panel Settings Expand the **Configuration** panel from the Properties Panel on the right to configure the following properties: #### Chart Select the [Saved Search](/v1/docs/manage-saved-searches) chart to display in the [Screen](/v1/docs/screens). If you are not that Saved Search's owner nor have not been shared the Saved Search associated with the chart, that chart does not display in the **Chart** setting. ![](https://cdn.document360.io/2d311614-fcb7-4424-8b4c-d4d3091eebeb/Images/Documentation/Chart Setting - Saved Search Chart.png) #### PMQL Query[](/docs/saved-search-chart-control#pmql-query) Enter an additional ProcessMaker Query Language ([PMQL](/v1/docs/saved-search-chart-control#pmql-query)) query from which to filter Saved Search results to display in the chart. ![](https://cdn.document360.io/2d311614-fcb7-4424-8b4c-d4d3091eebeb/Images/Documentation/a4a53793-0ee4-4959-ac14-a36aee510d5e.png) #### Title[](/docs/saved-search-chart-control#title) From the **Display Options** section, enable the **Title** toggle key to display the Saved Search chart's title above the chart. The **Title** toggle key is enabled by default. ![](https://cdn.document360.io/2d311614-fcb7-4424-8b4c-d4d3091eebeb/Images/Documentation/558fd464-02ed-4f2c-9291-396cbfcd3070.png) #### Border[](/docs/saved-search-chart-control#border) From the **Display Options** section, enable the **Border** toggle key to display a border around the Saved Search chart. The **Border** toggle key is enabled by default. ![](https://cdn.document360.io/2d311614-fcb7-4424-8b4c-d4d3091eebeb/Images/Documentation/5e3f07e3-42f2-45c4-ac28-5fc0fee6cfd5.png) #### Link[](/docs/saved-search-chart-control#enable-link) From the **Display Options** section, enable the **Link** toggle key to display the ![](https://cdn.document360.io/2d311614-fcb7-4424-8b4c-d4d3091eebeb/Images/Documentation/bedc340d-3390-444b-a12f-20df28b6c9bf.png) icon that, when clicked, displays the Saved Search from which the chart visualizes data in a new browser window. The **Link** toggle key is disabled by default. ![](https://cdn.document360.io/2d311614-fcb7-4424-8b4c-d4d3091eebeb/Images/Documentation/Link Setting - Saved Search Chart.png) #### Size Select the size of the Saved Search chart. ![](https://cdn.document360.io/2d311614-fcb7-4424-8b4c-d4d3091eebeb/Images/Documentation/5ed3d1ec-72ef-48b5-b8c3-c1d3bb075ec7.png) The **Size** setting options are based on the height of the Saved Search chart. The width of the chart adjusts accordingly. Select from the following options: - **Half:** The **Half** option displays the chart by half its height. - **Standard:** The **Standard** option displays the chart in its default height. The **Standard** option is the default setting. - **Double:** The **Double** option displays the chart double its default height. --- ### Advanced Panel Settings Expand the **Advanced** panel from the Properties Panel on the right to configure the following properties: #### Device Visibility[](/docs/saved-search-chart-control#device-visibility) Select on which device types this control displays: - **Desktop:** The control displays only on desktop devices. Enable the **Show for Desktop** toggle key. - **Mobile:** The control displays only on mobile devices. Enable the **Show for Mobile** toggle key. - **Both:** The control displays on both desktop and mobile devices. Both toggle keys are enabled by default. ![](https://cdn.document360.io/2d311614-fcb7-4424-8b4c-d4d3091eebeb/Images/Documentation/455a41fe-72b2-4145-81ee-f78af7fa69ac.png)