Liferay Front-end Add Menu

The add menu tag creates an add menu button for one or multiple items. It’s used for actions that add entities (e.g. a new blog entry), and is part of the Management Bar. Use the <liferay-frontend:add-menu> tag to create the add menu and nest a <liferay-frontend:add-menu-item> tag for each item.

When the menu has one item, the button triggers the item’s action as shown in the example below for the Blogs Admin App:

<liferay-frontend:management-bar-buttons>
    ...
    <liferay-frontend:add-menu
      inline="<%= true %>"
    >
      <liferay-frontend:add-menu-item
        title='<%= LanguageUtil.get(request, "add-blog-entry") %>'
        url="<%= addEntryURL %>"
      />
    </liferay-frontend:add-menu>

</liferay-frontend:management-bar-buttons>

Figure 1: The add button pattern consists of an add-menu tag and at least one add-menu-item tag.

Figure 1: The add button pattern consists of an `add-menu` tag and at least one `add-menu-item` tag.

When the menu has multiple items, they display in a pop-up menu. For example, the Message Boards Admin application has the configuration below:

<liferay-frontend:add-menu>
    ...
    <liferay-frontend:add-menu-item title='<%= LanguageUtil.get(request,
    "thread") %>' url="<%= addMessageURL.toString() %>" />
    ...
    <liferay-frontend:add-menu-item title='<%= LanguageUtil.get(request,
    (categoryId == MBCategoryConstants.DEFAULT_PARENT_CATEGORY_ID) ?
    "category[message-board]" : "subcategory[message-board]") %>'
    url="<%= addCategoryURL.toString() %>" />
    ...
</liferay-frontend:add-menu>

Figure 2: The add button pattern consists of an add-menu tag and at least one add-menu-item tag.

Figure 2: The add button pattern consists of an `add-menu` tag and at least one `add-menu-item` tag.

The examples above use some of the available attributes. See the add menu and add menu item taglibdocs for the full list of available attributes for the tags.

Liferay Frontend Cards

Liferay Frontend Info Bar

Liferay Frontend Management Bar

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