Liferay UI Icon Help

The icon help tag lets you communicate additional information to your users in an unobtrusive way. It renders as an iconic question mark that provides more information through a pop-up tooltip on mouse over. You can see an example of this in the Control Panel:

Figure 1: Heres an example of the icon help tag.

Figure 1: Here's an example of the icon help tag.

Add the <liferay-ui:icon-help/> tag next to the UI that needs tooltip information. Define the informational text with the required message attribute. Below is an example snippet for one of the Server Administration’s clean up actions:

<h5>
    <liferay-ui:message key="clean-up-permissions" />
    <liferay-ui:icon-help message="clean-up-permissions-help" />
</h5>

Figure 2: help icons are used throughout the Control Panel.

Figure 2: help icons are used throughout the Control Panel.

Note that the message is supplied via a language key. While you can use a string for the tooltip’s message for testing purposes, a language key is considered best practice and should be used in production.

« Liferay UI TabsUsing Liferay Front-end Taglibs in Your Portlet »
この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています