Skip to main content
Version: 8.3

Update list page template to include dashboards

Level: intermediate

In Creatio 8.3 Twin, list page template of the Records and business processes app template was enhanced with the Dashboards component. If you have an existing app that uses this template, you can update the page to include the component as well. To do this:

  1. Click btn_system_designer.png to open the System Designer.

  2. Go to the Application management block → Application Hub.

  3. Open the relevant app.

  4. Go to the Package settings tab.

  5. Find the package that contains the list page. Make sure the package is unlocked and contains the original page, not the replacement.

  6. Click btn_context_menu.png to the right of the package → Open source code.

  7. Click btn_edit.png next to the package name. This opens a mini page.

  8. Select "List page (ListPageV3Template)" in the Parent object field.

  9. Click Apply.

  10. Save the changes.

  11. Check the DataTable element of the source code for the width parameter, for example, "width": 300. If it exists, delete it and save the changes.

  12. Go to the Pages tab → open the relevant page in the Freedom UI Designer.

  13. Make sure the page now contains the Dashboards component. To open it, click btn_dashboard.png in the top right.

    Fig. 1 View the Dashboards component
    Fig. 1 View the Dashboards component

  14. Select the component → choose the component data source in the Data source field on the right. If you want data in your dashboard to be filtered the same as data in the list, do the following:

    1. Use the same data source as in the List component.
    2. Set connection to the list in the "Apply filter by page data" block of the dashboard setup area. Use "Id" - "Id" connection.

    To keep element codes consistent with homepage codes, we recommend using the following pattern for dashboard codes: [Dashboard name]Dashboard (RequestsDashboard).

  15. Save the changes.

  16. Open the live page and make sure the changes were applied.

As a result, you will be able to use dashboards in an existing app. Learn more about working with dashboards: Set up dashboards in Freedom UI Designer.

See also​

Set up widgets

Set up dashboards in Freedom UI Designer

View and manage dashboards

Tech Hour: UI/ UX Building pages in Freedom UI Designer

Tech Hour: UI/ UX Best practices in Creatio

E-learning courses​

Analytics in Creatio. Working with dashboards