IMPORTANT: As we revamp and transition our documentation to this site, you may find the articles you need on Liferay's Help Center.

Analytics Cloud Commerce Courses DXP / Portal DXP Cloud Reference

Documentation Menu

Highlighting

Remove Highlighting

Go Back

• Getting Started
• Site Building
• Content Authoring and Management
• Process Automation
• Using Search
• Collaboration and Social
• Users and Permissions
• System Administration
• Building Applications
  • Objects
  • Developing a JavaScript Application
  • Developing a REST Web API
  • Developing a Java Web Application
    • Using MVC
      • Using a JSP and MVC Portlet
      • Rendering Views with MVC Portlet
      • Invoking Actions with MVC Portlet
      • MVC Action Command
      • MVC Render Command
      • MVC Resource Command
      • Portlet Preferences
      • Using Localized Messages in an MVC Portlet
      • Sharing Localized Messages
      • Tag Libraries
        • Liferay Theme Objects For JSPs
        • Liferay Portlet Objects For JSPs
        • Alloy UI (AUI) Tag Library
        • Clay Tag Library
        • Liferay UI Tag Library
          • Liferay UI Icons
          • Liferay UI Icon Lists
          • Liferay UI Icon Menus
          • Liferay UI Tabs
          • Liferay UI Icon Help
        • Liferay Frontend Tag Library
        • Liferay Util Tag Library
        • Chart Tag Library
    • Using Spring
    • Using JSF
    • Using Bean Portlet
    • Reference
  • Core Frameworks
  • Data Frameworks
  • Remote Apps
  • Tooling
  • Reference
  • App Builder
• Liferay Internals
• Headless Delivery
• Installation and Upgrades

English

• Japanese
• English

• Liferay Learn
• DXP
• Building Applications
• Developing a Java Web Application
• Using MVC
• Tag Libraries
• Liferay UI Tag Library
• Liferay UI Icon Menus

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

• Clay Icons

• Liferay UI Icon Lists

• Liferay UI Icons

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