AUI Tooltips

Javascript Tooltips

Simple Tooltip

Show a rich tooltip for any links or elements. Just add a 'title' attribute to your element, select it with AJS.$ and call .tooltip().

SVG tooltip

Gravity Tooltip

Tooltips can be positioned

NorthwestNorthNortheast
WestHover somethingEast
SouthwestSouthSoutheast

Custom content

Tooltips text can be arbitrary. Hover over me.

Spacing

ADG tooltips should be 1px away from trigger element, which is only really visible when there's a border or background on it or it's a button...

Live Tooltips

More docs

Please see the tipsy docs for comprehensive documentation.