Information tooltip

Description

The information tooltip template is specialised for displaying simple text information. It's injected into the main tooltip template (described in the previous section) when displaying single-string information.

This template is commonly used in scenarios such as:

• Hovering over points in the Header Widget
• Hovering over points in the Profile Widget
• Hovering over behaviours which have hints enabled

Template data

The information tooltip template receives a data object containing the information to be displayed:

Variable	Description	Type
data	The object containing the string to be displayed in the tooltip	Object

When implementing custom information tooltips, you can access this data object to format and display the information as needed.

Implementation example

The following example shows how to override the default information tooltip template:

JavaScript

<script type="text/template" id="info-template">
  <% console.log( data ) %>
</script>
<script type="text/javascript">
  // Use the Mambo Callbacks array
  var mamboCallbacks = window.mamboCallbacks || [];
  mamboCallbacks.push(function() {
      // Override the default Info Tooltip template
      Mambo.updateTemplate( Mambo.Template.infoTooltip, Mambo('#info-template').html() );
  });
</script>

Customisation options

You can enhance the information tooltip by:

• Adding HTML formatting to style the tooltip text
• Including conditional logic to display different content based on the context
• Adding icons or other visual elements for better user experience

---

Related topics

• Tooltip template
• Header widget
• Profile widget