Liferay UIアイコンリスト

Liferay UIアイコンリスト

アイコンリストは、 アイコンメニュー のようなポップアップナビゲーションメニューではなく、水平リストにアイコンを表示します。 掲示板スレッドでアイコンリストメニューの例を確認できます。 スレッドのアクションは、管理者に常に表示されます。

アイコンリストには、アプリのアクションが常に表示されます。

以下に示すように、liferay-ui:icon-listタグと各リストアイテムのネスト アイコン を使用してリストメニューを作成します。

<div class="thread-actions">
    <liferay-ui:icon-list>

        <liferay-ui:icon
        iconCssClass="icon-lock"
        message="permissions"
        method="get"
        url="<%= permissionsURL %>"
        useDialog="<%= true %>"
        />

        <liferay-rss:rss
        delta="<%= rssDelta %>"
        displayStyle="<%= rssDisplayStyle %>"
        feedType="<%= rssFeedType %>"
        url="<%= MBRSSUtil.getRSSURL(plid, 0, message.getThreadId(), 0, themeDisplay) %>"
        />

        <liferay-ui:icon
        iconCssClass="icon-remove-sign"
        message="unsubscribe"
        url="<%= unsubscribeURL %>"
        />

        <liferay-ui:icon
        iconCssClass="icon-lock"
        message="lock"
        url="<%= lockThreadURL %>"
        />

        <liferay-ui:icon
        iconCssClass="icon-move"
        message="move"
        url="<%= editThreadURL %>"
        />

        <liferay-ui:icon-delete
        showIcon="<%= true %>"
        trash="<%= trashHelper.isTrashEnabled(themeDisplay.getScopeGroupId()) %>"
        url="<%= deleteURL %>"
        />
    </liferay-ui:icon-list>
</div>

使用可能な属性の完全なリストについては、 Icon List taglibdocs を参照してください。

関連トピック