The Caplin TooltipControl must be used with a caplin.presenter.node.ToolTipNode. This presentation node represents the view element which will be the container of the tooltip box. This means, all the fields in which a tooltip will be displayed must be contained inside this element. Unlike a normal tooltip this automatically displays beside the specified field without the user having to hover over it.

The TooltipControl is aliased by br.tooltip, and can be used within templates as follows:

  <div data-bind="control:'br.tooltip', controlNode:tooltipNode">
  	<input class="tooltip-field1" />
  	<input class="tooltip-field2" />
  </div>

Keep in mind that only one html element must have the tooltip css class at a time. This is why we also provide a caplin.presenter.util.ErrorMonitor to control several caplin.presenter.node.TooltipField an deal with this. We recommend the use of this class for caplin.presenter.node.TooltipField monitoring.