How to filter a report embedded in a page with multiple values | Zoho Creator Help

How to filter a report embedded in a page with multiple values

When embedding a report in a page, Zoho Creator provides a built-in filter option for direct report filtering. However, for dynamic filtering with multiple values, you can pass the values to the page variable and use it to filter the report. This approach provides flexibility, making it adaptable to various scenarios.
Notes
Note: To filter a report in a page with multiple values, the report must be published and embedded in an iframe within an HTML snippet.
  1. Publish the report, which needs to be filtered in your application to generate the embed code.

  2. Create a page or navigate to the page builder of an existing page where you intend to embed the filtered report and add the following page variable.
    Variable Name
    Data Type
    filter_valuesTEXT

  3. Add the following page script to supply values to the page variable. The report will be filtered based on the specified values
    1. //Assign list of values to supply to the page variable to filter. The report will be filtered based on the based on the mentioned values.
    2. input.filter_values = "[<value 1>, <value 2>, <value 3>]";
  4. Drag and drop the HTML snippet element listed under the Snippets section in the left pane into the page.

  5. Add the following script to the snippet.
    1. // Paste the embed code generated when publishing the report.
    2. // Append the field link name of the field based on which the report needs to be filtered as a query parameter at the end of embed code.
    3. //Supply the page variable as the input value for the query parameter.
    4. <%{
    5. %>
    6. <iframe height='500px' width='100%' frameborder='0' allowTransparency='true' scrolling='auto' src='https://creatorapp.zohopublic.com/zylker/task-management/report-embed/All_Employee_Details/DT1vxxxxxwPDhuJuTms2356vUUghGxZgZGGhCfHuzkZrnF8XufgzsCyTd7v2NuDfH8XP9TmX5bU2Sm6zY5w6C0Ztbh1vBgmKx7AE'?field_link_name=
    7. <%=input.filter_values%>
    8. '></iframe>
    9. <%
    10. }%>

Where,
Embed code generated on publishing the report. 
field_link_name
Link name of the field based on which the report needs to be filtered.

See how it works


  1. Publish reports
  2. Page script and variables
  3. Understand HTML snippets