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.

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.

Clay Icons

Liferay UI Icon Lists

Liferay UI Icons

« Liferay UI Icon ListsLiferay UI Tabs »
この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています