Get a first look at what's coming. The Developer Passport Australia Release Preview kicks off March 12. Dive in! 

Advanced Redirection of Dashboards

PradeepReddyA
Tera Contributor

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