Tooltip Icon Widget

This widget will automatically transform the following markup to an icon widget.

Options

Type | data-tooltip_icon-type | String | Optional

The type of the tooltip icon. Possible options are 'info' and 'warning'.

Example

<div class="gx-container" style="width:50px">
  <span data-gx-widget="tooltip_icon" data-tooltip_icon-type="warning">
    This is the tooltip content of the warning tooltip icon.
  </span>
  <span data-gx-widget="tooltip_icon" data-tooltip_icon-type="info">
    This is the tooltip content of the info tooltip icon.
  </span>
</div>

Note: Currently, the wrapping <div> of the tooltip icon widget, has to have a CSS-Style of 50px.

Source:
To Do:
  • Make sure to set the width automatically. Currently, a style of 50px has to be applied manually.