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

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

トピック：

作成対象：

開発者
ユーザー

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

お気に入りアイコンの外観は、次の CSS クラスセレクターで制御します。

.s7ecatalogsearchviewer .s7favoriteseffect .s7icon

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

background-image

アイコンに対して表示される画像。

background-position

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

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

幅

アイコンの幅。

高さ

アイコンの高さ。

例 – 36 x 36 ピクセルのお気に入りアイコンの設定

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

デスクトップシステムでは、コンポーネントは、.s7favoriteseffect クラスに適用でき、選択されたユーザーアクションに基づいてカーソルのタイプを制御する cursortype 属性セレクターをサポートしています。次の 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;
}

recommendation-more-help

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