お気に入りエフェクト

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

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

このページ

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now