Basics

Live Tooltip is the most comprehensive tooltip module for DotNetNuke platform. It can be used to show tooltips with basic text or any arbitrary html content.

It's flexible to show even an image or video as a tooltip.

Positioning

Tooltips can be configured to appear in any corner position. Click on the link below to see all available options.


Showing Tooltip

Tooltips can be configured to show on mouseover (default behavior) or onclick. A tooltip can also automatically launch when page loads and a solo tooltip forcefully closes all other open tooltips.

A show delay can also be added to tooltip if needed.

Hiding Tooltip

Tooltips can be configured to hide on mouseout (default behavior) or optionally using a close button.

A hide delay can also be added to tooltip if needed.

Effects

Besides the default, Live Tooltip includes Fade and Slide effect. You can also create your own custom styles.

Speech Bubble Tips

It's just as easy to add bubble tips and you can position them using all different corner options above.

Styling

Out of the box, Live Tooltip comes with 6 predefined styles. Hover your mouse over the colors below to see them in action.


We're not limited to above styles. It's quick and easy to create our own styles as well.

Advanced

Image Maps: Live Tooltip supports image maps. In the styling above, we're using a single image to show 6 pre-defined styles using an image map.

Form Elements: Live Tooltip can be used with form elements as well:

First name:

Last name:

Take a look at our Register page to see the Live Tooltip module in action.

Portal Tooltip: A portal tooltip can be used on any page on the portal without the need of Live Tooltip module on the page. It saves hours of work to duplicate content. Author it once and use it whenever you need it.