Schaltfläche "Favoriten hinzufügen" add-favorite-button
Die Position der Schaltfläche "Favoriten hinzufügen"wird vollständig über das Menü "Favoriten"verwaltet.
Das Erscheinungsbild der Schaltfläche "Favorit hinzufügen"wird mit der folgenden CSS-Klassenauswahl gesteuert:
.s7ecatalogsearchviewer .s7addfavoritebutton
CSS-Eigenschaften der Schaltfläche "Favorit hinzufügen"
NOTE
Diese Schaltfläche unterstützt beide
state
und selected
-Attributselektoren, die verwendet werden können, um verschiedene Skins auf unterschiedliche Schaltflächenzustände anzuwenden. Insbesondere selected='true'
entspricht dem Status, in dem ein Benutzer durch Auswählen oder Tippen ein neues Favoritensymbol hinzufügen kann. in Erwägung nachstehender Gründe 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 der Elemente der Benutzeroberfläche für weitere Informationen.
Beispiel: Um eine Schaltfläche "Favoriten hinzufügen"einzurichten, die 28 x 28 Pixel groß ist und für jeden der vier Schaltflächenstatus ein anderes Bild anzeigt, wenn diese ausgewählt sind oder nicht.
.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