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