お気に入りエフェクト

メイン表示の上に、ユーザが最初に追加した場所にお気に入りアイコンが表示されます。

お気に入りアイコンの外観は、以下のCSSクラスセレクターを使用して制御します。

.s7ecatalogsearchviewer .s7favoriteseffect .s7icon

お気に入りアイコンのCSSプロパティ

background-image

アイコンに表示する画像。

background-position

CSSスプライトを使用する場合、アートワークスプライト内の位置。

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

width

アイコンの幅。

height

アイコンの高さ。

例 — 36 x 36ピクセルのお気に入りアイコンを設定します。

.s7ecatalogsearchviewer .s7favoriteseffect .s7icon { 
 height: 36px; 
 width: 36px;  
 background-image: url(images/v2/FavoriteEffect_dark_up.png); 
}

デスクトップシステムでは、コンポーネントはcursortype属性セレクターをサポートします。このセレクターは.s7favoriteseffectクラスに適用でき、選択したユーザー操作に基づいてカーソルのタイプを制御します。 次のcursortype値がサポートされています。

mode_add

新しいお気に入りアイコンを追加しようとしていると表示される。

mode_remove

既存のお気に入りアイコンを削除しようとしています。

mode_表示

お気に入りの編集がアクティブでない場合、通常の操作モードで表示されます。

例 — コンポーネント状態のタイプごとに異なるマウスカーソルを設定します。

.s7ecatalogsearchviewer .s7favoriteseffect[cursortype="mode_add"] { 
cursor: crosshair; 
} 
.s7ecatalogsearchviewer .s7favoriteseffect[cursortype="mode_remove"] { 
cursor: not-allowed; 
} 
.s7ecatalogsearchviewer .s7favoriteseffect[cursortype="mode_view"] { 
cursor: auto; 
}

このページ