Advanced Redirection of Dashboards

PradeepReddyA
Tera Expert

Advanced Redirection of Dashboards

This guide explains how to configure interactive redirection from a Platform Analytics dashboard visualization (e.g., Pie chart) to a record list in a workspace using UI Builder event handlers.

 Navigate to Platform Analytics Dashboards

  • In the Application Navigator, search for Dashboards.
  • Open Platform Analytics → Dashboards.

1.Create a New Dashboard

 

  1. Click Create Dashboard.
  2. Select Technical Editor.
  3. Click Create New Dashboard.

This allows the dashboard to be edited using UI Builder.

    

PradeepReddyA_1-1773383900582.png

 

2.Open the Dashboard in UI Builder

 

  • Open the newly created dashboard.
  • Click Edit in UI Builder.

You will now be redirected to UI Builder, where the dashboard layout and components can be configured.

PradeepReddyA_2-1773383900583.png

 

   

PradeepReddyA_3-1773383900590.png

 

3. Add a Layout

 

  • Click Add Content.
  • Select a Layout.
  • Choose any Column Layout based on your requirement.

 

        

PradeepReddyA_4-1773383900590.png

 

4. Add a Data Visualization Component

 

  • In the component search bar, search for Data Visualization.
  • Drag the Data Visualization component into the layout.

This component will be used to display charts like Pie, Bar, or Line charts.

 

   

PradeepReddyA_5-1773383900593.png

 

5. Configure the Data Resource

 

  • Select the visualization component.
  • On the right-side configuration panel, go to Configure.
  • Select a Data Resource based on the data you want to visualize.

     

PradeepReddyA_6-1773383900595.png

 

6. Configure the Click Event

 

To enable redirection when a chart element is clicked:

  • Go to the Events section.
  • Find the event Visualization Clicked.
  • Click Add Handler.

    

PradeepReddyA_7-1773383900596.png

 

7. Add Advanced Dashboard Redirect Handler

 

  • Search for Advanced Dashboard – Redirect.
  • Select the handler.
  • Switch to Script Mode.

PradeepReddyA_8-1773383900598.png

 

8.Switch to script

 

PradeepReddyA_9-1773383900600.png

 

9.Add the following in the script

 

Parameter

Description

path

Defines the target workspace (example: now/sow for Service Operations Workspace).

route

Determines the view type. simplelist opens a list of records.

table

Dynamically retrieves the table name from the chart click event.

query

Passes the filter/query based on the clicked visualization segment.

title

Displays the title of the selected visualization.

external

Used when redirecting outside the workspace (optional).

 

Script:

return {

        context: {

        path: "now/sow"

    },

        route: "simplelist",

        fields: {

        table: event.payload.params.table

    },

        params: {

        query: event.payload.params.query

    },

        title: event.payload.title,

        external: null

    };

 

 

Final Result

When a user clicks on a chart segment (e.g., a Pie chart slice):

  • The event payload captures the selected filter values.
  • The Advanced Redirect handler processes the event.
  • The user is redirected to the workspace list view.
  • The filtered records are displayed in the Simple List view in Service Operations Workspace.

   

 

 

0 REPLIES 0