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;
}