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 :

.s7ecatalogsearchviewer .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.

.s7ecatalogsearchviewer .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.

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

Sur cette page