DokumentationDynamic Media Viewer-Referenzhandbuch

Schaltfläche „Favorit hinzufügen“ add-favorite-button

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

Erstellt für:

  • Entwickler
  • Benutzende

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

Das Erscheinungsbild der Schaltfläche Favorit hinzufügen wird mit dem folgenden CSS-Klassenselektor gesteuert:

.s7ecatalogsearchviewer .s7addfavoritebutton

CSS-Eigenschaften der Schaltfläche Favorit hinzufügen

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 Auswählen oder Tippen hinzufügen kann. Dagegen entspricht selected='false' dem normalen Betriebsmodus, in dem Benutzende Seiten zoomen, schwenken und austauschen können.

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

Beispiel: So richten Sie eine Schaltfläche Favorit hinzufügen ein, die 28 x 28 Pixel groß ist und für jeden der vier verschiedenen Schaltflächenstatus ein anderes Bild anzeigt, wenn sie ausgewählt oder nicht ausgewählt ist.

.s7ecatalogsearchviewer .s7addfavoritebutton {
 width:28px;
 height:28px;
}
.s7ecatalogsearchviewer .s7addfavoritebutton[selected='false'][state='up'] {
background-image:url(images/v2/AddFavoriteButton_dark_up.png);
}
.s7ecatalogsearchviewer .s7addfavoritebutton[selected='false'][state='over'] {
background-image:url(images/v2/AddFavoriteButton_dark_over.png);
}
.s7ecatalogsearchviewer .s7addfavoritebutton[selected='false'][state='down'] {
background-image:url(images/v2/AddFavoriteButton_dark_down.png);
}
.s7ecatalogsearchviewer .s7addfavoritebutton[selected='false'][state='disabled'] {
background-image:url(images/v2/AddFavoriteButton_dark_disabled.png);
}
.s7ecatalogsearchviewer .s7addfavoritebutton[selected='true'][state='up'] {
background-image:url(images/v2/AddFavoriteButton_dark_over.png);
}
.s7ecatalogsearchviewer .s7addfavoritebutton[selected='true'][state='over'] {
background-image:url(images/v2/AddFavoriteButton_dark_over.png);
}
.s7ecatalogsearchviewer .s7addfavoritebutton[selected='true'][state='down'] {
background-image:url(images/v2/AddFavoriteButton_dark_over.png);
}
.s7ecatalogsearchviewer .s7addfavoritebutton[selected='true'][state='disabled'] {
background-image:url(images/v2/AddFavoriteButton_dark_disabled.png);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8