Advanced Dashboard Templates

Modified on Thu, 17 Jul, 2025 at 2:18 PM

Purpose


The CGR Platform enables users to control their own dashboards, providing an extra level of customisation. Dashboards are built using available fields from each module and can include visual elements such as charts, cards, tiles and tables [these are called widgets]. These widgets can be newly created or reused from Dashboard Manager.


Each dashboard is based on a template, which consists of one or more widgets. Dashboard Templates enable users to assemble one or more widgets into a layout that forms a customisable dashboard/report. This allows users to determine how they see and present their data. 

When created via the Dashboard Templates (available only to System Administrators), additional advanced features become available:

  • Assigning view or edit permissions for different teams, users, or roles
  • Applying report themes for consistent export formatting
  • Setting the dashboard’s position in the overall display order
  • Managing a global view of all dashboard templates across the system



Important Notes

  • There will be some templates that will not let you to delete them, this means they are in use or are created by the CGR Admin (the option will be greyed out). 
  • You must have your widgets created prior to creating a dashboard from the Dashboard Template, if not create your widgets from Admin > Dashboard Manager 
  • For the user to see the relevant data in the dashboard, they must have the ‘read’ access to the modules and the relevant projects/registers or business units. 



Step-by-Step Guide to Creating a Dashboard Template

  1. Navigate to Admin > Dashboard Templates.

  2. Create a New Template: Click the Add button to open the 'New Dashboard Template' form. You can create from scratch (Form) Or import from existing JSON file (Import tab). 
    1. Creating a New Dashboard Template through the Form section. Fill in the following fields:
      • Title*: Enter a name for the dashboard.
      • Title Translations (optional): It is used to support multilingual dashboard titles.
      • Description (optional): You can add internal notes or dashboard context. Click Save to proceed.

    2. To Import an existing Dashboard Template through the Import section from Staging server to the Production server or vice versa:
      • Export the dashboard template from the server you want to export it from (e.g. Staging or Production server)

        A person standing on a white surface

AI-generated content may be incorrect.

      • Once it is exported, Copy the entire JSON code (Ctrl A/Command A and Ctrl C/Command C)

        A screenshot of a computer screen

AI-generated content may be incorrect.

      • Now Navigate to the server you want to import the exported Dashboard template and go to Admin Dashboard Templates and Click on 'Add' button
      • Click on Import tab and paste the copied JSON code (Ctrl P/Command P)

      • Now click ‘Save’.


Note: The widgets, titles will be imported, however the Filters, user permissions must be configured again under the relevant setups and will not be imported


3. Once the dashboard template is saved either from 'Form' or the 'Import' tab, additional configuration sections will become available for further customisation.


FieldDescription
Core
TitleIt automatically displays the title you entered in the “New Dashboard Template - Form section.
Title TranslationsMultilingual labels
DescriptionInternal notes or explanation
PositionDetermines the dashboard’s order in the list view, when you see the list of Dashboards when you click the logo on the top left corner.
Report Theme (optional) Choose a theme that applies across the exported dashboard. 
Note: If you want to create a new report theme navigate to Admin > Report Themes to create one
Plot
Section PurposeThis section defines the layout and order of widgets within the dashboard.
Dropdown menu/
Order Widgets
Use the dropdown menu to search for and add existing widgets to the template.

Once added, widgets can be dragged and positioned according to your preferred layout. You can also use the action icons:

Arrow IconAllows you to preview the widget

Red Remove Icon
Removes the widget from the current template (Note: this does not delete the widget itself).
Link/ Share
Section PurposeAllows sharing the dashboard with specific users, teams, or roles. If none are selected, the dashboard is visible to all users. (Note:for the user to see the relevant data in the dashboard, they must have the ‘read’ access to the modules and the relevant projects/registers or business units)
TeamsShare with different teams – the entire groups.
UsersShare with specific users
RolesShare with users who have specific roles (e.g. Admin, Manager).
Filters
Section PurposeAllows sharing the dashboard with specific users, teams, or roles. If none are selected, the dashboard is visible to all users. (Note:for the user to see the relevant data in the dashboard, they must have the ‘read’ access to the modules and the relevant projects/registers or business units)
Default FiltersApply fixed filters that always apply to the dashboard (e.g., show only records from a specific project or register).
Enabled Quick FiltersChoose fields users can use to filter and interact with the dashboard dynamically (e.g., Location, Register, Created Date). These Filters appear at the top of the dashboard for user interaction.


A screenshot of a computer

AI-generated content may be incorrect.


A screenshot of a computer

AI-generated content may be incorrect.


4. Click Save to complete the 'Dashboard Template' configuration.

5. Further, from the list of existing templates, you have the options to:

  • Move the template you created up to modify the display order
  • Export the Dashboard (to use it another server – Staging/Production) instead of having to create the whole dashboard template or widgets all over again. 
  • Clone (copy) the template, useful to reuse the same set of widgets 
  • Delete the template
  • Disable the template (preserves the dashboard template but hides it from displaying in the dashboard view)


 

Step-by-Step Guide: Creating a Report Theme


Report Themes: Report Themes are applied when dashboards or individual widgets are exported as PDF documents using the Export option (visible via the export icon on a dashboard or widget). These themes allow you to customise the appearance of exported reports by defining layout styles, cover pages, logos, fonts, and colour schemes.

 

  • Exporting from Dashboard view

 

A screenshot of a computer

AI-generated content may be incorrect.

 

  • Exporting from Widget view 

 

A screenshot of a computer

AI-generated content may be incorrect.


 

1. Navigate to Admin > Report Themes.

2. Click on 'Add' option to create a new report theme. Now, fill in the following fields to configure your report theme (optional)

  • Report Theme Title: Enter a name for your report theme.
  • Apply To: Specify whether the theme applies to a specific location, project, type, or module (e.g. Risk, Incident, etc). If left blank, then by default it can be applied to any dashboard template


  • Cover Page: This section allows you to customise the appearance of the exported dashboard’s cover page, including the logo, title style, and overall visual design.
    Note: If you would like to add additional background images or logo, navigate to Admin > Custom Images.


Cover Page SettingDescription
Cover Page BackgroundChoose from a set of pre-designed backgrounds such as "Standard Cover", "None", or other organisation-specific templates. These backgrounds define the look and layout of the exported report’s first page.
Cover Page LogoChoose a logo image to appear on the cover page. Usually, these logos are predefined in the system (e.g., company or client logos).
Logo Position

Select the alignment of the logo on the cover, Left or Centre or Right.

Preview Options
  • Portrait - Displays the report in a vertical layout (default view).
  • Landscape - Displays a wider, horizontal layout. 
Cover Page Title Colour/
Cover Page Disclaimer and Confidentiality Text Colour/ Cover Page Background Colour
Define the visual colour style for the text and background on the cover page.You can choose from the following options:
  • Simple - Apply a plain color using the color picker.
  • Swatches - Select from a predefined set of color options.
  • None - No color styling will be applied (default system styling will be used).


A screenshot of a computer

AI-generated content may be incorrect.


  • Header/Footer: Define what content appears in headers and footers across all exported pages. 


Header/ Footer SettingsDescription
Page Header TextEnter the details that you want to be displayed on the Header text.
Page Header Text Colour/
Page Header Background Colour/
Page Footer Text Colour/ Page Footer Background Colour
Define the visual colour style for the text and background on the Header/Footer. You can choose from the following options:
  • Simple - Apply a plain color using the color picker.
  • Swatches - Select from a predefined set of color options.
  • None - No color styling will be applied (default system styling will be used).


A screenshot of a computer

AI-generated content may be incorrect.


3. Click Save to complete the 'Report Themes' configuration. 

 

Step by Step Guide to add a Custom Background or Logo Image

 

If you wish to create a custom image for the cover background or logo, follow these steps:

  1. Navigate to Admin > Custom Images.
  2. Click the Add button to upload a new image

    A screenshot of a computer

AI-generated content may be incorrect.

  3. Fill in the following fields.
    • Title: Enter a name for your image 
    • FileUpload the image file (e.g., PNG or JPG). 
    • Reference (optional): This is used to associate the image with a specific purpose or usage type. If left blank, it remains available for manual selection.
    • Enabled: Select Yes to activate the image so it appears in selection lists (e.g., in Cover Page Background or Logo drop downs).

      A screenshot of a computer

AI-generated content may be incorrect.

  4. Once saved, the image will appear in the Cover Page Background or Logo selection list where applicable in the Report Themes configuration.

 

 

 

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article