The hook enhances the default user display with additional user profile information in a pop up when hovering above user's avatar.



The hook introduces a key social feature that allows portal users to discover more about other users on a simple hover over their profile image, that appears across the portal, without having to click and visit a users profile page.

The fields that will be displayed on the hovercard are:

The plugin is a customization of the <liferay-ui:user-display> tag, that means the feature will appear on all portlets where this tag is used. Some of the places where this could be found are:

In order for the friends and common friends to be populated, the portal should have social networking portlets or custom portlets that allow connections and establishing relationships. In order to jump start, the Liferay Social Networking portlets can be downloaded, installed and made available to the portal users.


Please check on configuration for personalization and explanation about how to see the fields in hovercards.


          Control Panel >> Portal Settings >> Users >> Hover Information


           Check and uncheck the fields you want or do not want to display and click on Save at the bottom of the page.




Note for developers

CSS is included on the html page not in a separate stylesheet as this is tag library with a lot of styles coming from user_display.css (which is also part of the taglib css) . Please feel free to override these in your theme as you see it fit.


Code repository

The latest source code is located at the following location:

Contact Us

We welcome feature/bug reports concerning the Hovercard app and other improvements customers may want. Discussion helps clarify the ways the app can be used and also helps define directions for future development. Please post your concerns at


Change log


Company credits.