.tooltip { background-color: #{ a4jSkin.generalBackgroundColor}; border-width:3px; } .tooltip-custom-body { background-color: orange; } .tooltip-text { width: 350px; height: 80px; cursor: arrow; border-width: 2px; text-align: center; display: table-cell; vertical-align: middle; } .tooltipData { font-weight: bold; }

Here you can see a default client-side tool-tip

This tool-tip content was pre-rendered to the page.
The tool-tip is also following mouse around.

This tool-tip will not follow the mouse, and has a delay of 1.5 seconds, so be patient!

This tool-tip content is also pre-rendered to the page.

This tool-tip was rendered on the server using an Ajax request.

This tool-tip content was rendered on the server

This tool-tip will be activated on a mouse click, and has default content defined.

Wait... This tool-tip content was rendered on server