Using Interactions with Controls
In Dundas BI Visualizations, Filter controls, and Components are all controls. Interactions can be added to all controls. For example, adding a Hover Interaction to a chart to show a detailed version, or adding a Filter Interaction to a button.
1. Adding an interaction to a control
Interactions can be added from the Toolbar, Context menu, and the Properties in the Main tab under the Actions section.
There are 6 types of interactions which cause an action to occur. Navigate, which navigates to a new page. Hover, which displays a popup of another object, usually a dashboard. Drill Down applies a drill down and Filter which applies a filter. Change Layer, which causes a layer to be shown or hidden. Finally Toggle Template Cell interaction toggles if a template cell is displayed.
3. Using interactions
When configuring an interaction, there are several parameters to configure how the Interaction is triggered. Name and Friendly Name allow you to label the interaction meaningfully. In addition each Interaction has parameters specific to the type of interaction it is. For more details see the specific articles.
3.1. Bound Visual
For some controls, there is the option to set a “Bound Visual”. This causes the interaction to only occur only on a particular part of that control. This is shown on the some visualizations and components.
All Charts (this doesn’t include Gauges, Data Labels, Diagrams and Maps), can have an interaction bound to a particular series of that chart. For example, on a Pareto chart , a Hover popup can be bound to only display when the mouse is on the Bar chart series of the visualization, and not the Line chart series.
Dropdown lists and Radio Groups can have items added manually. Interactions can be bound so that they are only triggered when a particular item is selected. For example, if a drop down has three items “Apple”, “Banana”, and “Cherry”, the interaction can be set to only be triggered when “Cherry” is selected.
Checkboxes can be in one of two states: Checked, and Unchecked. An interaction can be bound to either state. For example. When the checkbox is “Checked”, a layer is shown.
3.2. Using a Dropdown list to select visible layer.
- Create a dashboard with 3 layers. Layer 1 will be used for the Dropdown control. Layer 2 and Layer 3 will be used to display different visualization. Add some visualization(s) or component(s) to Layer 2 and Layer 3.
- Go to the Layer Tab and make Layer 1 the active layer by clicking on it
- Click on the Components toolbar button, select Dropdown List, and add a Dropdown List component to Layer 1.
- Select the new Dropdown list item
- Click on ‘Item’ and Check Selected. Go to Text, and change the Caption to ‘Layer 2’
- Go back to Drop down and add an Item to the list. Click on ‘Item’, Go to Text, and change the Caption to ‘Layer 3’
- Go back to the Drop Down and scroll down to Actions
Expand Selection Change and Click on the Menu and Select a Change Layer Interaction
- Click on changeLayer 1. Change the name and set the following values.
- Hide Layer to ‘Layer 3’
- Show Layer to ‘Layer 2’
- Bound Visual to ‘Layer 2’
- Expand Selection Change and Click on the Menu and Select a Change Layer Interaction to add another Change Layer Interaction
Click on changeLayer 1. Change the name and set the following values.
- Hide Layer to ‘Layer 2’
- Show Layer to ‘Layer 3’
- Bound Visual to ‘Layer 3’
- Go to the Layers Tab and Hide Layer 3, Show Layer 2 and Layer 1.
- Go to View Mode and select the Layer from the Dropdown List to switch layers
Interactions are associated with a particular action and are run when that Action occurs, such as clicking on an element of the dashboard (i.e. “Click” action). The types of actions available differ between the various objects on the dashboard. Typical actions that are available include “Click”, “Hover”, and “Double Click”. However there are many that are specific to that particular object such as “Selection Changed” on Dropdown List and Radio button.
When creating an interaction using the toolbar or context menu it is associated to a particular action automatically.
|Control||Drill down||Navigate||Filter||Change Layer||Toggle Template Cell||Hover|
|All Filter controls||Value Changed|
|Radio Button||Selection Changed|
|Timer||Timer Interval Tick|
Interactions can be associated to actions other than the default by creating them in the Properties Tab. For instance creating a Hover interaction that is displayed when the mouse is clicked on the control, rather than when the mouse is hovered over it.
4.1. Creating a Popup Interaction in the Click action
When creating an interaction in this manner, Hover is named Popup.
- Add a Visualization or component and then select it
- Go to the Properties Tab, click on Menu, and scroll down to Actions
- Expand the Click action and expand it
- Click the menu to the side, and select Popup.
- Configure the Popup interaction