お気に入りエフェクト favorites-effect

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

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

.s7ecatalogviewer .s7favoriteseffect .s7icon

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

background-image
アイコンに表示する画像。
background-position

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

関連トピック CSS スプライト.

width
アイコンの幅。
height
アイコンの高さ。

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

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

デスクトップシステムでは、コンポーネントは、 cursortype 属性セレクターで、 .s7favoriteseffect クラスを指定し、選択したユーザーアクションに基づいて、カーソルのタイプを制御します。 以下 cursortype の値はサポートされています。

mode_add
表示されたユーザーが新しいお気に入りアイコンを追加中です。
mode_remove
表示されたユーザーは、既存のお気に入りアイコンを削除しています。
mode_view
[ お気に入り ] 編集がアクティブでない場合、通常の操作モードで表示されます。

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

.s7ecatalogviewer .s7favoriteseffect[cursortype="mode_add"] {
cursor: crosshair;
}
.s7ecatalogviewer .s7favoriteseffect[cursortype="mode_remove"] {
cursor: not-allowed;
}
.s7ecatalogviewer .s7favoriteseffect[cursortype="mode_view"] {
cursor: auto;
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8