Der Viewer zeigt Favoriten-Symbole über der Hauptansicht an den Stellen an, an denen sie ursprünglich vom Benutzer hinzugefügt wurde.
Das Erscheinungsbild des Favoritensymbols wird mit der folgenden CSS-Klassenauswahl gesteuert:
.s7ecatalogviewer .s7favoriteseffect .s7icon
CSS-Eigenschaften des Favoritensymbols
background-image |
Das für das Symbol angezeigte Bild. |
background-position |
Position innerhalb des Bildsprites, wenn CSS-Sprites verwendet werden. Siehe auch CSS-Sprites . |
width |
Breite des Symbols. |
height |
Höhe des Symbols. |
Beispiel: Richten Sie ein Favoritensymbol mit 36 x 36 Pixel ein.
.s7ecatalogviewer .s7favoriteseffect .s7icon {
height: 36px;
width: 36px;
background-image: url(images/v2/FavoriteEffect_dark_up.png);
}
Auf Desktop-Systemen unterstützt die Komponente die cursortype
-Attributauswahl, die Sie auf die .s7favoriteseffect
-Klasse und steuert den Typ des Cursors basierend auf der ausgewählten Benutzeraktion. Folgendes cursortype
-Werte werden unterstützt:
mode_add |
Der angezeigte Benutzer fügt ein neues Favoritensymbol hinzu. |
mode_remove |
Angezeigte Benutzer entfernt ein vorhandenes Favoritensymbol. |
mode_view |
Wird im normalen Betriebsmodus angezeigt, wenn die Favoritenbearbeitung nicht aktiv ist. |
Beispiel - Um für jeden Komponententyp unterschiedliche Mauszeiger zu verwenden.
.s7ecatalogviewer .s7favoriteseffect[cursortype="mode_add"] {
cursor: crosshair;
}
.s7ecatalogviewer .s7favoriteseffect[cursortype="mode_remove"] {
cursor: not-allowed;
}
.s7ecatalogviewer .s7favoriteseffect[cursortype="mode_view"] {
cursor: auto;
}