Favoritenansicht favorites-view

Die Favoritenansicht besteht aus einer Spalte mit Miniaturen.

Das Erscheinungsbild des Ansichts-Containers Favoriten wird mit dem folgenden CSS-Klassenselektor gesteuert:

.s7ecatalogsearchviewer .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: Einrichten einer Favoritenansicht mit einer Breite von 100 Pixeln und einem halbtransparenten grauen Hintergrund.

.s7ecatalogsearchviewer .s7favoritesview {
 width: 100px;
 background-color: rgba(221, 221, 221, 0.5);
}

Der Abstand zwischen Favoritenminiaturen wird mit dem folgenden CSS-Klassenselektor gesteuert:

.s7ecatalogsearchviewer .s7favoritesview .s7thumbcell

CSS-Eigenschaften der Favoriten-Miniaturansichten

Beispiel - Zum Einrichten eines Zehn-Pixel-Abstands.

.s7ecatalogsearchviewer .s7favoritesview .s7thumbcell {
 margin: 5px;
}

Das Erscheinungsbild einzelner Miniaturansichten wird mit dem folgenden CSS-Klassenselektor gesteuert:

.s7ecatalogsearchviewer .s7favoritesview .s7thumb

CSS-Eigenschaften der Favoriten-Miniaturansichten

Beispiel: Für Miniaturen mit einer Größe von 75 x 75 Pixel wird ein hellgrauer Standardrahmen und ein dunkelgrauer Rahmen ausgewählt.

.s7ecatalogsearchviewer .s7favoritesview .s7thumb {
 width: 75px;
 height: 75px;
}
.s7ecatalogsearchviewer .s7favoritesview .s7thumb[state="default"] {
 border: 1px solid #dddddd;
}
.s7ecatalogsearchviewer .s7favoritesview .s7thumb[state="selected"] {
 border: 1px solid #666666;
}

Das Erscheinungsbild der Miniaturbildbeschriftung wird mit dem folgenden CSS-Klassenselektor gesteuert:

.s7ecatalogsearchviewer .s7favoritesview .s7label

CSS-Eigenschaften der Favoritenbeschriftung

Beispiel - zum Einrichten von Beschriftungen mit einer Helvetica®-Schriftart mit 14 Pixeln.

.s7ecatalogsearchviewer .s7favoritesview .s7label {
 font-family: Helvetica,sans-serif;
 font-size: 14px;
}