お気に入りエフェクト

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

お気に入りアイコンの外観は、以下の 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_view

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

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

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

このページ