Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
Display anything you want in a tooltip on mouse hover.
Insert custom HTML, Blocks, rendered entities...etc wherever you want.
Compatible with Views, CKEditor, Block and Block Content modules.
Requires popperjs library and drupal/ckeditor for compatibility with Drupal 10.
Editors can insert advanced HTML text/markup in WYSIWYG to create beautiful Tooltips when user hover a text. The tooltip div itself stays on top so visitors can select text or complete forms inside...etc.
It is also possible to include Tooltips in a View with custom Twig.
Out-of-the box this module provides two blocks to display content on hover:
- Tooltip block to insert custom text/markup in a Tooltip
- Tooltip from entity displays any given entity in a Tooltip
It is possible to create your own custom Tooltip block by extending the TooltipBlockBase class.
Getting started
Everything is explained in this documentation.
Enjoy your tooltips!
Supporting organizations:
Support prototype development
Project information
- Module categories: Content Editing Experience, Content Display, Developer Tools
1,005 sites report using this module- By mikl on , updated
Stable releases for this project are covered by the security advisory policy.
Look for the shield icon below.
Releases
1.1.1
released 7 August 2023
released 7 August 2023
Works with Drupal: ^8 || ^9 || ^10
✓ Recommended by the project’s maintainer.
D10 compatibility (requires CKEditor 4 contrib module)
Install:
