Add Interactivity to the App

Create Links Between UX Components

The UX components are widgets that listen to events and respond with actions. Therefore, if you link an event from a component to an action in another, they will change the appearance when the event is triggered.

To link the UX components

1. From the tools hub, open the Link editor.
2. On the Components bar click Reuse.
3. Add the four components that you created during this tutorial, to the link editor board. The components are:
   • the Customer Rating table
   • the Exposure per Customer pie chart
   • the Exposure per Customer Rating stacked bar chart
   • the Average Exposure per Customer Rating bar char
4. Arrange the components on the board and make a link from the on_selection event of the Customer Rating table to the set_filter action of each of the rest of the components.

Fig. 30: The links between UX components.

5. Turn of the Link editor and test the links you just created by clinking on a row in the Customer Rating table. The rest of the components filter out displaying only the data corresponding to the row you selected.