DokumentationDynamic Media Viewer-Referenzhandbuch

Favoritenschaltfläche entfernen remove-favorite-button

Last update: Tue Dec 31 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Themen:

Erstellt für:

  • Entwickler
  • Benutzende

Die Position der Schaltfläche Favorit entfernen wird vollständig über das Menü Favoriten verwaltet.

Das Erscheinungsbild der Schaltfläche Favorit entfernen wird mit der folgenden CSS-Klassenauswahl gesteuert:

.s7ecatalogviewer .s7removefavoritebutton

CSS-Eigenschaften der Schaltfläche Favorit entfernen

Hintergrundbild-
Das Bild, das für einen bestimmten Schaltflächenstatus angezeigt wird.
Hintergrundposition

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

Siehe auch CSS Sprites-.

Breite
Breite der Schaltfläche.
Höhe
Höhe der Schaltfläche.
NOTE
Diese Schaltfläche unterstützt sowohl den state- als auch den selected-Attributselektor, mit dem verschiedene Skins auf verschiedene Schaltflächenzustände angewendet werden können. Insbesondere entspricht selected='true' dem Status, in dem ein Benutzer ein neues Favoritensymbol durch Klicken oder Tippen hinzufügen kann. Das Attribut selected='false' entspricht dem normalen Betriebsmodus, in dem ein Benutzer Seiten zoomen, schwenken und austauschen kann.

Die QuickInfo der Schaltfläche kann lokalisiert werden. Siehe Lokalisierung von Benutzeroberflächenelementen für weitere Informationen.

Beispiel: So richten Sie eine 28 x 28 Pixel große Schaltfläche Favorit entfernen ein und zeigen für jeden der vier verschiedenen Schaltflächenstatus ein anderes Bild an, wenn diese ausgewählt oder nicht ausgewählt ist.

.s7ecatalogviewer .s7removefavoritebutton {
 width:28px;
 height:28px;
}
.s7ecatalogviewer .s7removefavoritebutton[selected='false'][state='up'] {
background-image:url(images/v2/RemoveFavoriteButton_dark_up.png);
}
.s7ecatalogviewer .s7removefavoritebutton[selected='false'][state='over'] {
background-image:url(images/v2/RemoveFavoriteButton_dark_over.png);
}
.s7ecatalogviewer .s7removefavoritebutton[selected='false'][state='down'] {
background-image:url(images/v2/RemoveFavoriteButton_dark_down.png);
}
.s7ecatalogviewer .s7removefavoritebutton[selected='false'][state='disabled'] {
background-image:url(images/v2/RemoveFavoriteButton_dark_disabled.png);
}
.s7ecatalogviewer .s7removefavoritebutton[selected='true'][state='up'] {
background-image:url(images/v2/RemoveFavoriteButton_dark_over.png);
}
.s7ecatalogviewer .s7removefavoritebutton[selected='true'][state='over'] {
background-image:url(images/v2/RemoveFavoriteButton_dark_over.png);
}
.s7ecatalogviewer .s7removefavoritebutton[selected='true'][state='down'] {
background-image:url(images/v2/RemoveFavoriteButton_dark_over.png);
}
.s7ecatalogviewer .s7removefavoritebutton[selected='true'][state='disabled'] {
background-image:url(images/v2/RemoveFavoriteButton_dark_disabled.png);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8