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:
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¶
Not finding what you're looking for?
Pardon our dust as we revamp and transition our product documentation to this site. If something seems missing, please check Liferay Help Center documentation for Liferay DXP 7.2 and previous versions.
Try Liferay's Help Center