Effet Favoris favorites-effect

La visionneuse affiche les icônes de Favoris sur la vue principale à l’endroit où elle a été ajoutée par l’utilisateur.

L’aspect de l’icône des Favoris est contrôlé par le sélecteur de classe CSS suivant :

.s7ecatalogviewer .s7favoriteseffect .s7icon

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

le image d’arrière-plan
Image affichée pour l’icône.
la position de l’arrière-plan

Positionnez à l’intérieur d’un sprite d’illustration si des sprites CSS sont utilisés.

Voir aussi desSprites CSS.

largeur
Largeur de l’icône.
de hauteur
Hauteur de l’icône.

Exemple - Configurez une icône Favoris de 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 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 de l’utilisateur sélectionné. Les valeurs cursortype suivantes sont prises en charge :

mode_add
L’utilisateur affiché ajoute une nouvelle icône Favoris.
mode_remove
L’utilisateur affiché supprime une icône de favoris existante.
mode_view
Affiché en mode de fonctionnement normal lorsque la modification des Favoris n’est pas active.

Exemple : pour disposer de curseurs de souris différents 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