How to Implement Linking Support for Tree View to Open a Dashboard in a Popup

This article provides a step-by-step guide on how to configure the linking in the tree view widget to load the dashboard in the Iframe widget.

Download the Tree View Widget

Steps to Configure Linking in Tree View Widget

1. Configure the data in the tree view widget and in the property panel, ensure to disable the property “Enable Multiselect”.
   
   

Note that if the property “Enable MultiSelect” is enabled, the linking won’t work.

2. Drag and drop the Iframe custom widget.

3. To enable the linking in the Treeview Custom Widget, configure the property “Column Dashboard Mapping” with the column name and dashboard URL mapping as in the below syntax:

[{"ColumnName1":”DashboardURL1”, "ColumnName2":”DashboardURL2”}]  

Example:

[ 
    { 
        "Country":"https://localhost:54702/bi/site/site3/dashboards/1a5cf092-06e2-4295-b209-323313e0c85d/health%20care/country?Country={{:CurrentValue }}", 
        "City":"https://localhost:54702/bi/site/site3/dashboards/1a5cf092-06e2-4295-b209-323313e0c85d/health%20care/city?City={{:CurrentValue}}", 
        "Region":"https://localhost:54702/bi/site/site3/dashboards/1a5cf092-06e2-4295-b209-323313e0c85d/health%20care/region?Region={{:CurrentValue}}" 
    } 
] 

In the above example, {{:Current Value}} is used to pass the current selected value of the tree view widget.

4. In the “Reflect in IFrame” property, pass the title of the Iframe custom widget in which you want to load the dashboard.

Loading the Widget Inside the Popup

To load the dashboard in the Popup instead of Iframe Custom widget, enable the property “Open in Popup”. Also, ensure to remove the input given in the property “Reflect in the IFrame”.

Note: If the title of the Iframe Custom Widget is given in the “Reflect in the Iframe” property and the “Open in the popup” property is enabled, then the dashboard will be loaded in the Iframe custom widget only. Also, if the Treeview widget is a master widget, then the “Ignore Filter Actions” in the Iframe Custom widget should be disabled.

References

• Custom Widgets