アイコンとツールチップの定義

コントロールメニューのエントリを作成するときは、テキストに加えて、またはテキストの代わりにアイコンを使用できます。ツールチップを使用して、より詳細な説明を提供することもできます。

コントロールメニューエントリのアイコン

*ControlMenuEntryにLexiconまたはCSSアイコンを指定できます。Lexiconアイコンを使用するには、次のようにProductMenuProductNavigationControlMenuEntryでメソッドをオーバーライドする必要があります。

public String getIconCssClass(HttpServletRequest request) {
return "";
}

public String getIcon(HttpServletRequest request) {
return "lexicon-icon";
}

public String getMarkupView(HttpServletRequest request) {
return "lexicon";
}

同様に、次のようにProductMenuProductNavigationControlMenuEntryメソッドをオーバーライドすることでCSSアイコンを使用できます。

public String getIconCssClass(HttpServletRequest request) {
return "icon-css";
}

public String getIcon(HttpServletRequest request) {
return "";
}

public String getMarkupView(HttpServletRequest request) {
return "";
}

これらのアイコンは、それぞれicons-lexiconおよびicons-font-awesomeコンポーネントにあります。

コントロールメニューエントリのツールチップ

コントロールメニューエントリにツールチップを提供するには、次のような getLabelメソッドを作成します。

@Override
public String getLabel(Locale locale) {
ResourceBundle resourceBundle = ResourceBundleUtil.getBundle(
"content.Language", locale, getClass());

return LanguageUtil.get(
resourceBundle, "the-portal-is-currently-reindexing");
}

ラベルを保存するにはLanguage.propertiesを作成する必要があります。Internationalizationのチュートリアルでリソースバンドルの詳細を確認できます。

« コントロールメニューエントリの作成シミュレーションメニューの拡張 »
この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています