The Accordion widget enables your dashboard users to click an Indicator widget to expand or collapse a sub-dashboard.

The Accordion widget is useful for providing large amounts of information within a limited space.

accordion accordion1

To install the Accordion widget:

  1. Download the attachment and unzip the contents into your C:\Program Files\Sisense\PrismWeb\plugins\ folder. If the plugins folder doesn’t exist, just create it. After those files have been unzipped there, you may also have to restart the web server.
  2. Create a dashboard that will be displayed as the sub-dashboard when using the Accordion widget. The dashboard name should start with the prefix ‘_accrd_’  for the dashboard to be hidden for non-owner users from the Dashboards panel.
  3. Open the Indicator widget’s script editor.
  4. In the script editor, paste the following code:
    widget.on('ready', function(se, ev){
       element: element,
       widget: widget,
       dashboard: dashboard,
       //filters: ['[<table name>.<table field>]'],
       default: false,
       dashboardUrl: '',
       widgetFiltersInheritance: true

  5. Edit the script and define the values relevant for your use-case. You can modify the following objects:
    default: Set to true to display the sub-dashboard by default.
    //filters: The filters object has the structure [‘[<TABLE_NAME>.<FIELD_NAME>]’].  You can configure which dashboard filters will be taken from the “super” dashboard, for example: filters: [“[Dates.Date (Calendar)]”,”[Product.Name]”,”[Employee.Name]”].
    dashboardUrl: The value of the dashboardUrl object is the URL of your dashboard. You can add any filters you may want to apply by remove the comment tags from the filters object and defining its value. You can retrieve the Dashboard URL when sharing a dashboard. The Dashboard URL is displayed at the bottom your Sharing window.
  6. In the script editor, click Save and refresh the widget to display the Accordion effect.