Effet Favoris favorites-effect

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 :

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

.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 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 : pour avoir différents curseurs de souris 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;
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8