Highlight Focus in Custom Tooltips

When using custom tooltips that incorporate charts, it can be difficult to identify which element has focus. Implementing a clear visual indicator for focus within these chart-inclusive tooltips is essential to improve user experience, ensure accessibility, and facilitate seamless data exploration.

  1. Adjust Tooltip Theme
    1. Edit the dashboard with the custom tooltip.
    2. Open Dashboard Properties.
    3. Click the Theme tab and select Tooltip Style.
    4. Customize the color settings to add visibility to the tooltip header.
    Note
    Note Tooltip style changes are applied globally, affecting all tooltips across the dashboard.
  2. Update Tooltip Visualization Color
    1. Open Dashboard Properties.
    2. Click the Layout tab and expand Unused Widgets.
    3. Select the tooltip visualization widget and add it to the dashboard.
    4. Open the Widget tab and select Theme.
    5. Select a theme to add visibility to the chart in the visualization.
  3. Refine Tooltip Presentation
    1. Add a page to the dashboard.
    2. Move the tooltip visualization widget to the new page.
    3. Hide the page with the tooltip visualization widget.
    4. Save the dashboard.