お気に入りメニュー | Adobe Experience Manager

Last update: Mon Jul 22 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

トピック：

作成対象：

開発者
ユーザー

コントロールバーに [ お気に入り ] メニュードロップダウンリストが表示されます。ボタンと、ユーザーがボタンをクリックまたはタップすると展開するパネルで構成されています。パネルには、個々のお気に入りツールが含まれています。

ビューアユーザーインターフェイスのお気に入りメニューの位置とサイズは、次の CSS クラスセレクターで制御されます。

.s7ecatalogsearchviewer .s7favoritesmenu

お気に入りメニューボタンの CSS プロパティ

margin-top

コントロールバーの上部からのオフセット。

margin-left

左側の次のボタンまでの距離。このボタンが行内の最初のボタンの場合は、コントロールバーの左側。

幅

ボタンの幅。

高さ

ボタンの高さ。

例 – コントロールバーの上部から 4 ピクセル、最も近いボタンから左側に 10 ピクセル配置され、サイズが 28 x 28 ピクセルのお気に入りメニューを設定する。

.s7ecatalogsearchviewer .s7favoritesmenu {
margin-top: 4px;
margin-left: 10px;
 width:28px;
 height:28px;
}

「お気に入り」メニューボタンの外観は、次の CSS クラスセレクターで制御します。

.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesbutton

お気に入りボタンの CSS プロパティ

background-image

特定のボタン状態に対して表示される画像。

background-position

CSS スプライトを使用する場合、アートワークスプライト内に配置します。

CSS スプライトール参照してください。

NOTE

このボタンでは、ボタンの状態に応じて異なるスキンを適用するために使用できる state 属性セレクターをサポートしています。

ボタンのツールチップはローカライズできます。詳しくは、ユーザーインターフェイス要素のローカライゼーションを参照してください。

例 – 4 つの異なるボタンの状態ごとに異なる画像を表示するお気に入りメニューボタンを設定する

.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesbutton[state='up'] {
background-image:url(images/v2/FavoritesMenu dark_up.png);
}
.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesbutton[state='over'] {
background-image:url(images/v2/FavoritesMenu_dark_over.png);
}
.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesbutton[state='down'] {
background-image:url(images/v2/FavoritesMenu_dark_down.png);
}
.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesbutton[state='disabled'] {
background-image:url(images/v2/FavoritesMenu_dark_disabled.png);
}

個々のお気に入りアイコンを含むパネルの外観は、次の CSS クラスセレクターで制御されます。

.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesmenupanel

お気に入りメニューパネルの CSS プロパティ

の背景色の

パネルの背景色。

例 – パネルの色を透明に設定する

.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesmenupanel {
 background-color: transparent;
}

recommendation-more-help

b7426f53-aad9-4c00-83fc-664f30f681e8

お気に入りメニュー favorites-menu