The Charts, Tables, Icon and Shape objects have the ability to add events:
- show tooltips
- define an icon/shape as a link.
The state can also be changed on “hover over,” e.g. the icon changes color, size or opacity when you hover your mouse over the object (see images below). These settings allow you to create reports more efficiently by using links between slides and reports.
The reports can also be made more user-friendly by adding additional information in tooltips. The image below shows an example of an icon defined as a link. The left icon shows the icon in its normal state, and the right image shows how it looks when hovered over.
Below is an example of a shape placed over a chart defined as a link. The shape is transparent until it is hovered over (right chart in the image below).
The setup of links, tooltips, etc. is made in a tab named ‘Events’. The Event tab is positioned as last tab.
The image below shows the new Event tab in the Icon and Shape object used for setting up links and tooltips.
In general, there are two types of settings that can be used. These vary depending on if you hover over or if you click. As shown in the image below, the ‘Click’ and ‘Hover’ are split into two different panels. Based on a “Click” action, you can create a link or show a tooltip. Based on a “Hover” you can change the style (color, opacity and padding) and/or add a tooltip. The image below shows the two panels that define the actions based on Click and/or Hover.
Usually, the Click and Hover actions are used together, like in the example below: a tooltip is shown on a hover, and the link is activated on a click.
When defining a Link, you can link to any object in any StoryTeller report that is in the same project, to an external web page, or you can define the link to go back to the previous page (same as “back” in the web browser). Lastly, you can create advanced flows that allow the user to navigate between different slides based on links, rather than using the ordinary slide navigation.
- if setting a slide number as target, like for example slide 2, the link always goes to the second slide
- if setting an object as link target the link goes always to the slide where the object is positioned, even if the object is moved from one slide to another or if the slides are rearranged.
The layout of the Tooltip can be defined with the styling options shown in the image below. You can also define the position of the tooltip with the first dropdown list shown in the image. The image below shows the tooltip styling options.
Note: when setting up Links in a text box or an icon object you can create links to external web pages and “back to previous report”, these two link options are not supported in charts and tables.