Authors:Doug Hays
Developers:Doug Hays

Tooltip is a simple popup widget that encloses its content and displays a small arrow associating the content (specified as innerHTML) with an arbitrary DOM node. While the widget does not impose any size restrictions on the content, small screen mobile devices may only be able to display short text messages.



Displays the Tooltip content (hiding if already displayed somewhere else).

Parameter Type Description
aroundNode DOM node The DOM node that should be pointed to by the small arrow.
positions Array The relative positions to the aroundNode in which to try and place the Tooltip content for best fit. before: places drop down before the aroundNode after: places drop down after the aroundNode above-centered: drop down goes above aroundNode below-centered: drop down goes below aroundNode


Hides the Tooltip content.


Text Only

<div id="textTooltip" data-dojo-type="dojox/mobile/Tooltip" class="mblTooltipBubble">Enter a value.<br><center>Please!</center></div>
<button type="button" onclick="dijit.registry.byId('textTooltip').show(this, ['after','below-centered','above-centered'])">right</button>

Widget content

<div id="customPicker" data-dojo-type="dojox/mobile/Tooltip">
      <div id="spin1" data-dojo-type="dojox/mobile/SpinWheelDatePicker"></div>
<button type="button" onclick="dijit.registry.byId('customPicker').show(this, ['above-centered','after','before'])">above</button>
Error in the documentation? Can’t find what you are looking for? Let us know!