Liferay UIアイコンリスト

アイコンリストは、アイコンメニューようなポップアップナビゲーションメニューではなく、水平リストに アイコンを表示します。メッセージボードスレッドのアイコンリストメニューの例を以下に示します。スレッドのアクションは、管理者に対して常に表示されます。

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

以下に示すように、リスト項目ごとに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を参照してください。

関連トピック

Clay Icons

Liferay UI Icon Menus

Liferay UI Icons

« Liferay UIアイコンLiferay UIアイコンメニュー »
この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています