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 Sprites CSS . |
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 la variable cursortype
sélecteur d’attributs que vous pouvez appliquer à la variable .s7favoriteseffect
et contrôle le type du curseur en fonction de l’action utilisateur sélectionnée. Les éléments suivants cursortype
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;
}