Favoriten-Effekt favorites-effect

Der Viewer zeigt an den Stellen, an denen er ursprünglich vom Benutzer hinzugefügt wurde, die Favoritensymbole über der Hauptansicht an.

Das Erscheinungsbild des Favoritensymbols wird mit dem folgenden CSS-Klassenselektor gesteuert:

.s7ecatalogsearchviewer .s7favoriteseffect .s7icon

CSS-Eigenschaften des Favoritensymbols

Hintergrundbild-
Das Bild, das für das Symbol angezeigt wird.
Hintergrundposition

Positionieren Sie sie innerhalb des Bildsets, wenn CSS-Sprites verwendet werden.

Siehe auch CSS Sprites-.

Breite
Breite des Symbols.
Höhe
Höhe des Symbols.

Beispiel - Ein Favoritensymbol mit 36 x 36 Pixeln einrichten.

.s7ecatalogsearchviewer .s7favoriteseffect .s7icon {
 height: 36px;
 width: 36px;
 background-image: url(images/v2/FavoriteEffect_dark_up.png);
}

Auf Desktop-Systemen unterstützt die Komponente den cursortype-Attributselektor , den Sie auf die .s7favoriteseffect-Klasse anwenden können, und steuert den Cursortyp anhand der ausgewählten Benutzeraktion. Die folgenden cursortype werden unterstützt:

mode_add
Angezeigter Benutzer fügt ein neues Favoritensymbol hinzu.
mode_remove
Angezeigter Benutzer entfernt ein vorhandenes Favoritensymbol.
mode_view
Wird im normalen Betriebsmodus angezeigt, wenn die Bearbeitung der Favoriten nicht aktiv ist.

Beispiel: Für jeden Komponententyp stehen unterschiedliche Mauszeiger zur Verfügung.

.s7ecatalogsearchviewer .s7favoriteseffect[cursortype="mode_add"] {
cursor: crosshair;
}
.s7ecatalogsearchviewer .s7favoriteseffect[cursortype="mode_remove"] {
cursor: not-allowed;
}
.s7ecatalogsearchviewer .s7favoriteseffect[cursortype="mode_view"] {
cursor: auto;
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8