Favoritenansicht favorites-view
Die Favoritenansicht besteht aus einer Spalte mit Miniaturbildern.
Das Erscheinungsbild des Ansichts-Containers Favoriten wird mit dem folgenden CSS-Klassenselektor gesteuert:
.s7ecatalogviewer .s7favoritesview
Position und Höhe der Favoritenansicht werden von der Ansicht verwaltet. In CSS kann nur die Breite definiert werden.
CSS-Eigenschaften der Favoritenansicht
Beispiel: So richten Sie eine Favoritenansicht mit einer Breite von 100 Pixel und einem halbtransparenten grauen Hintergrund ein:
.s7ecatalogviewer .s7favoritesview {
width: 100px;
background-color: rgba(221, 221, 221, 0.5);
}
Der Abstand zwischen Favoritenminiaturen wird mit dem folgenden CSS-Klassenselektor gesteuert:
.s7ecatalogviewer .s7favoritesview .s7thumbcell
CSS-Eigenschaften der Favoriten-Miniaturansichten
Beispiel - So richten Sie einen Zehn-Pixel-Abstand ein:
.s7ecatalogviewer .s7favoritesview .s7thumbcell {
margin: 5px;
}
Das Erscheinungsbild einzelner Miniaturansichten wird mit dem folgenden CSS-Klassenselektor gesteuert:
.s7ecatalogviewer .s7favoritesview .s7thumb
CSS-Eigenschaften der Favoriten-Miniaturansichten
state-Attributauswahl, mit der verschiedene Skins auf verschiedene Miniaturansichtszustände angewendet werden können. Insbesondere entspricht state="selected" der Miniaturansicht, die der Benutzer kürzlich ausgewählt hat. Das Attribut state="default" entspricht dem Rest der Miniaturen. Außerdem wird das Attribut state="over" beim Bewegen der Maus verwendet.Beispiel: Für Miniaturen mit einer Größe von 75 x 75 Pixel wird ein hellgrauer Standardrahmen und ein dunkelgrauer Rahmen ausgewählt:
.s7ecatalogviewer .s7favoritesview .s7thumb {
width: 75px;
height: 75px;
}
.s7ecatalogviewer .s7favoritesview .s7thumb[state="default"] {
border: 1px solid #dddddd;
}
.s7ecatalogviewer .s7favoritesview .s7thumb[state="selected"] {
border: 1px solid #666666;
}
Das Erscheinungsbild der Miniaturbildbeschriftung wird mit dem folgenden CSS-Klassenselektor gesteuert:
.s7ecatalogviewer .s7favoritesview .s7label
CSS-Eigenschaften der Favoritenbeschriftung
Beispiel - So richten Sie Beschriftungen mit einer Helvetica®-Schriftart mit 14 Pixeln ein:
.s7ecatalogviewer .s7favoritesview .s7label {
font-family: Helvetica,sans-serif;
font-size: 14px;
}