Liferay UIアイコンヘルプ

アイコンヘルプタグを使用すると、邪魔にならない方法で追加情報をユーザーに伝えることができます。これは、アイコン疑問符として表示され、マウスでポイントしたときにポップアップツールチップを介して追加情報が表示されます。この例は、コントロールパネルで確認できます。

図1:これは、アイコンヘルプタグの例です。

**注:**カスタムテーマをインストールしている場合は 、liferay-ui:icon-helpタグを機能させるために次のインポートをview.jspに追加する必要がある場合があります。

ツールチップ情報が必要なUIの横に<liferay-ui:icon-help/>タグを追加します。必要なmessage属性を使用して情報テキストを定義します。以下は、サーバー管理のクリーンアップアクションの1つに関するスニペットの例です。

<h5>
<liferay-ui:message key="clean-up-permissions" />
<liferay-ui:icon-help message="clean-up-permissions-help" />
</h5>

図2:コントロールパネル全体でヘルプアイコンが使用されています。

メッセージは言語キーを介して提供されることに注意してください。 テスト目的でツールチップのメッセージに文字列を使用できますが、言語キーはベストプラクティスと見なされ、本番環境で使用されます。

関連トピック

Clay Badges

Clay Stickers

Liferay UI Icon Menus

« Liferay UIタブポートレットでLiferayフロントエンドTaglibを使用する »
この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています