Favoritenmenü favorites-menu
Die Dropdown-Liste Favoritenmenü wird in der Steuerleiste angezeigt. Es besteht aus einer Schaltfläche und einem Bedienfeld, das sich erweitert, wenn Benutzende auf eine Schaltfläche klicken oder tippen. Das Bedienfeld enthält Tools für einzelne Favoriten.
Position und Größe des Favoritenmenüs in der Viewer-Benutzeroberfläche werden mit der folgenden CSS-Klassenauswahl gesteuert:
.s7ecatalogsearchviewer .s7favoritesmenu
CSS-Eigenschaften der Menüschaltfläche „Favoriten“
Beispiel - Richten Sie ein Favoritenmenü ein, das vier Pixel oben in der Steuerleiste und zehn Pixel links von der nächsten Schaltfläche positioniert ist und eine Größe von 28 x 28 Pixel aufweist.
.s7ecatalogsearchviewer .s7favoritesmenu {
margin-top: 4px;
margin-left: 10px;
width:28px;
height:28px;
}
Das Erscheinungsbild der Menüschaltfläche Favoriten wird mit der folgenden CSS-Klassenauswahl gesteuert:
.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesbutton
CSS-Eigenschaften der Schaltfläche Favoriten
state-Attributauswahl, mit der verschiedene Skins auf verschiedene Schaltflächenzustände angewendet werden können.Die QuickInfo der Schaltfläche kann lokalisiert werden. Siehe Lokalisierung von Benutzeroberflächenelementen für weitere Informationen.
Beispiel: Richten Sie eine Menüschaltfläche Favoriten ein, die für jeden der vier verschiedenen Schaltflächenstatus ein anderes Bild anzeigt.
.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesbutton[state='up'] {
background-image:url(images/v2/FavoritesMenu dark_up.png);
}
.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesbutton[state='over'] {
background-image:url(images/v2/FavoritesMenu_dark_over.png);
}
.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesbutton[state='down'] {
background-image:url(images/v2/FavoritesMenu_dark_down.png);
}
.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesbutton[state='disabled'] {
background-image:url(images/v2/FavoritesMenu_dark_disabled.png);
}
Das Erscheinungsbild des Bedienfelds, das einzelne Favoritensymbole enthält, wird mit dem folgenden CSS-Klassenselektor gesteuert:
.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesmenupanel
CSS-Eigenschaften des Menübereichs „Favoriten“
Beispiel - Richten Sie ein Bedienfeld so ein, dass es eine transparente Farbe hat.
.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesmenupanel {
background-color: transparent;
}