>>> [!note] Migrated issue <!-- Drupal.org comment --> <!-- Migrated from issue #2308911. --> Reported by: [rishi.kulshreshtha](https://www.drupal.org/user/1403808) >>> <h3 id="project-description">Synopsis</h3> <p>Hovercard is a module which is based on <a href="http://designwithpc.com/Plugins/Hovercard" title="Hovercard jQuery Plugin">hovercard</a> which is 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.</p> <ul> <li>Easy to install and use.</li> <li>Works on all user links with <code>username</code> as their class.</li> <li>Simply install it and see the magic!</li> </ul> <blockquote><p>Special thanks to Prashant Chaudhary for such a charming jQuery <a href="https://github.com/prashantchaudhary/hovercard">Hovercard Plugin</a>!</p></blockquote> <h3 id="project-page">Project Page</h3> <p>This is the project page link for <a href="https://www.drupal.org/node/2308117">Hover Card</a></p> <h3 id="project-repository">Clone Repository</h3> <p><code>git clone --branch 7.x-1.x http://git.drupal.org/sandbox/RishiKulshreshtha/2308117.git hover_card</code></p> <h3 id="project-dependencies">Dependencies</h3> <ul> <li><a href="https://drupal.org/project/libraries">Libraries API 2</a></li> </ul> <h3 id="project-installation">Installation</h3> <p>The Hover Card module is very similar to other Drupal modules which requires Libraries Module to use for the 3rd party code integration. Hence, for installation of the Hover Card module please follow the below mentioned steps:</p> <ol> <li>Install as usual, see <a href="https://www.drupal.org/node/1294804">https://www.drupal.org/node/1294804</a> for further information.</li> <li>Download and install the Libraries Module - 2.x and after the module installation create a new folder called <code>libraries</code> under your <code>sites/all/</code> folder. (Creating this folder will help us to locate our 3rd party code integration.)</li> <li>Download the compressed version of jQuery <a href="https://github.com/prashantchaudhary/hovercard/archive/master.zip">Hovercard Plugin</a> and extract the files into <code>sites/all/libraries/hover_card/</code></li> <li>Now, in your <code>sites/all/modules/sandbox/</code> directory download the Hover Card module using GIT clone code <code>git clone --branch 7.x-1.x http://git.drupal.org/sandbox/RishiKulshreshtha/2308117.git hover_card</code>.</li> <li>Enable the Hover Card module.</li> </ol> <h3 id="project-configuration">Configuration</h3> <ul> <li>After enabling it please check your <code>admin/reports/status</code> where there should a new option showing <code>Hover Card Plugin - v1.0 installed</code> with a success (Green) status.</li> <li>This module has menu or modifiable settings. 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.</li> </ul> <h3 id="project-review">Code Review</h3> <p><a href="http://pareview.sh/pareview/httpgitdrupalorgsandboxrishikulshreshtha2308117git" title="pareview.sh">pareview.sh</a></p> <h3 id="project-related">Similar Project</h3> <p>There is a similar sandbox project called <a href="https://www.drupal.org/node/2038805" title="User Hover Card">User Hover Card</a> by <a href="https://www.drupal.org/user/531118" title="yannickoo">Yannick Leyendecker</a> which is dependent on <a href="https://www.drupal.org/project/tipsy" title="Tipsy">Tipsy</a> module. This module displays the user detail on a tooltip.</p> <h3 id="project-preview">Preview</h3> <p><img src="https://www.drupal.org/files/issues/hover-card-bartik.jpg" alt="Module Preview on Bartik Theme"></p> <h3 id="reviews-of-other-projects">Reviews of other projects</h3> <p><a href="https://www.drupal.org/node/2256993#comment-9196695">https://www.drupal.org/node/2256993#comment-9196695</a><br> <a href="https://www.drupal.org/node/2347967#comment-9198771">https://www.drupal.org/node/2347967#comment-9198771</a><br> <a href="https://www.drupal.org/node/2086333#comment-9193001">https://www.drupal.org/node/2086333#comment-9193001</a><br> <a href="https://www.drupal.org/node/1914020#comment-9192875">https://www.drupal.org/node/1914020#comment-9192875</a><br> <a href="https://www.drupal.org/node/2328917#comment-9235289">https://www.drupal.org/node/2328917#comment-9235289</a><br> <a href="https://www.drupal.org/node/2370863#comment-9330763">https://www.drupal.org/node/2370863#comment-9330763</a><br> <a href="https://www.drupal.org/node/2369363#comment-9333113">https://www.drupal.org/node/2369363#comment-9333113</a></p> >>> [!note] Pre-migration files - [hover-card-bartik.jpg](https://www.drupal.org/files/issues/hover-card-bartik.jpg) >>>