Skip to main content

Advanced HTML custom widget in the Landing Experience

The Advanced HTML widget allows users to use custom HTML and CSS code to create their own advanced custom widgets. The Advanced HTML widget renders HTML contained in the selected User Report and will

Updated over 2 weeks ago

The Advanced HTML widget allows users to use custom HTML and CSS code to create their own advanced custom widgets.

The Advanced HTML widget renders HTML contained in the selected User Report and will only inspect the first row of the user report. All columns should be hidden except the column that contains the final code. Below is an example of an Advanced HTML widget.

Screenshot of HTML sample widget which is a progress bar

Adding an HTML Widget

  1. After selecting template widget type, select HTML (Advanced) from the Add Widget Templates side panel and click the

    Add Widget

    button that appears.

    Screenshot of Adding HTML Widgets
  2. The Configure Advanced HTML Widget side panel appears on the right.

    Screenshot of configuring HTML widget

    From here you can modify the following fields:

    • Name: This is a mandatory field. Users should give the widget a specific name to differentiate it from other instances of the widget.

    • Description: Description of the widget which is only viewable by users editing the dashboard. Descriptions are limited to 500 characters.

    • Configuration User Report (First Row Only): Specify a user report from the list. An option to open the report via

      Report Link

      which will happen on a new tab and run the report is available via

      Execute Report

      which will happen on a new tab. All columns should be hidden except the column that contains the final code. Please check the Things to Note section for more details about User Reports including a screenshot of the user report for this example.

    • Refresh Time Override (Hours): The number of hours to refresh the report data can be set to override the default dashboard refresh setting. A higher value improves general system performance by running reports less often. A lower value refreshes data more frequently. Certain widgets can override this setting. A user can always force a refresh in a widget to see the latest data and update their cache.

  3. Click

    Save

    to finish configuration.

  4. The newly added widget will be added. Widgets can be moved around and resized whilst in editing mode. You can change configuration with the

    Cog

    icon and delete it with

    Trash

    icon.

Screenshot of HTML widget in edit mode

Things to note

  • Modals are not supported using this widget

  • User Role security still limits report data however User Report filters must be used to further filter report data

  • No filters on the User Report are required for the widget to display data

  • User Report prompts are supported for context filters

  • After selecting a user report the user can run or edit the report for easy setup

  • The Refresh Time Override (Hours) can be set to override the default dashboard refresh time

  • The configuration report can have more rows when it is run but only the first row will be used

Here is an example of the data fields used in the user report to create the above example with SYSTEM_INFORMATION as the Base Table of the User Report Type with no filter.

Screenshot of sample user report
Did this answer your question?