Hover Card using one of the core theme (Bartik)
Hover Card using one of the contributed theme (ZEN)

Synopsis

Hovercard is a module which is based on hovercard a free light weight jQuery plugin that enables you to display related information with the hovered label, link, or any HTML element of your choice. This module extends Drupal to provide Hovercard for the users of the website.

  • Easy to install and use.
  • Works on all user links with username as their class.
  • Simply install it and see the magic!

Special thanks to Prashant Chaudhary for such a charming jQuery Hovercard Plugin!

Dependencies

Installation

The Hover Card module is very similar to other Drupal modules which require Libraries Module to use for the 3rd party code integration. Hence, for installation of the Hover Card module please follow the below-mentioned steps:

Drupal 7

  1. Install as usual, see documentaion for further information.
  2. Download and install the Libraries Module - 7.x-2.x
  3. Download the compressed version of jQuery Hovercard Plugin and extract the files into sites/all/libraries/hover_card/
  4. Now, in your sites/all/modules/contrib/ directory download the Hover Card module.
  5. Enable the Hover Card module.

Drupal 8

  • Install as usual, see documentation for further information.
  • Download and install the Libraries Module - 8.x
  • Download the compressed version of jQuery Hovercard Plugin and extract the files into /libraries/hover_card/
  • In your /modules/contrib/ directory download the Hover Card module.
  • Enable the Hover Card module.

Configuration

  • After enabling it please check your admin/reports/status where there should a new option showing Hover Card Plugin - v1.0 installed with a success status.
  • Clear site cache, if required!
  • There is configuration link for this which you can access at admin/config/people/hover-card. When enabled and configured properly, this module will display the hover card to the user links with 'username' as class to their anchor tags. To disable the hover card from user links, disable the module and clear caches.

Maintainers

Hover Card module is originally written & maintained by Rishi Kulshreshtha.

Similar Project

There is a similar sandbox project called User Hover Card by Yannick Leyendecker which is dependent on Tipsy module. This module displays the user detail on a tooltip.

Project information

Downloads