Liferay UI Icon Menus

You can add a pop-up navigation menu to your app with the liferay-ui:icon-menu tag. Icon menus display menu options when needed, storing them away in a collapsed menu when they’re not. This keeps the UI clean and uncluttered. Just as with an icon list, you nest icons for each navigation item. You can see an example of a icon menu in a site’s actions menu in the My Sites portlet:

Figure 1: Setting up an icon menu is a piece of cake.

Example JSP configuration:

<liferay-ui:icon-menu
    direction="left-side"
    icon="<%= StringPool.BLANK %>"
    markupView="lexicon"
    message="<%= StringPool.BLANK %>"
    showWhenSingleIcon="<%= true %>"
>

				<liferay-ui:icon
					message="go-to-public-pages"
					target="_blank"
					url="<%= group.getDisplayURL(themeDisplay, false) %>"
				/>

				<liferay-ui:icon
					message="leave"
					url="<%= leaveURL %>"
				/>

</liferay-ui:icon-menu>

Note that the url attribute is required for icons to render properly. See the Icon Menu taglibdocs for the full list of attributes.

Related Topics

• Clay Icons
• Liferay UI Icon Lists
• Liferay UI Icons