Advertising sustains the DA. Ads are hidden for members. Join today

Contributed module documentation

Tooltip

Examples of advanced HTML tooltips created with this module
Examples of advanced HTML tooltips created with this module

Display always well-positioned Tooltip when users hover texts with  simple text and/or advanced HTML markup or even custom block.

No external dependencies and almost not dependencies other than Drupal core's Popper JS library.

TL;DR: Copy/paste code from this quickstart example.

Installation

Explore installation options of the Tooltip module

Quickstart

Fastest way to create and display a tooltip in Drupal

Usage

Learn how to create beautiful Tooltips blocks

How to create a Tooltip in CKEditor

Learn how to use the Tooltip button in your WYSIWYG

How to create a Tooltip in Twig

Learn how to create a custom Tooltip in any given Twig template

How to create a Tooltip in PHP

Learn how to programmatically create a Tooltip div in your page

How to create a Tooltip Block

Learn how to use basic and custom blocks to display advanced HTML in a Tooltip.

How to display a Tooltip in a View

Display content in a tooltip when user hovers a View result row

Guide maintainers

matthieuscarset's picture