Effet Favoris

La visionneuse affiche les icônes Favoris au-dessus de la vue principale à des endroits où elle a été ajoutée à l’origine par l’utilisateur.

L’aspect de l’icône Favori est contrôlé à l’aide du sélecteur de classe CSS suivant :

.s7ecatalogsearchviewer .s7favoriteseffect .s7icon

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

background-image

Image affichée pour l’icône.

arrière-plan-position

Position dans 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 : configurez une icône Favoris 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 de 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_view

S’affiche en mode de fonctionnement normal lorsque la modification des 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