Effet Favoris

Le lecteur affiche les icônes Favoris sur la vue principale aux endroits où elle a été ajoutée à l’origine par l’utilisateur.

L’aspect de l’icône Favori est contrôlé par le sélecteur de classe CSS suivant :

.s7ecatalogviewer .s7favoriteseffect .s7icon

Propriétés CSS de l’icône Favori

image d’arrière-plan

Image affichée pour l’icône.

arrière-plan-position

Positionnez l’objet à l’intérieur de l’objet d’illustration, si des sprites CSS sont utilisés.

Voir aussi CSS Sprites .

width

Largeur de l’icône.

height

Hauteur de l’icône.

Exemple : définissez une icône Favoris de 36 x 36 pixels.

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

Sur les systèmes de bureau, le composant prend en charge le sélecteur d'attributs cursortype que vous pouvez appliquer à la classe .s7favoriteseffect et contrôle le type du curseur en fonction de l'action utilisateur sélectionnée. Les valeurs cursortype suivantes sont prises en charge :

mode_add

L’utilisateur affiché ajoute une nouvelle icône Favori.

mode_remove

L’utilisateur affiché supprime une icône Favori existante.

mode_vue

S’affiche en mode de fonctionnement normal lorsque l’édition Favoris n’est pas principale.

Exemple : utilisez des curseurs de souris différents pour chaque type d'état de composant.

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

Sur cette page

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