Weergave Favorieten favorites-view

De weergave Favorieten bestaat uit een kolom met miniaturen.

De vormgeving van de container van de folioweergave wordt bepaald door de volgende CSS-klassenkiezer:

.s7ecatalogsearchviewer .s7favoritesview

De positie en hoogte van de weergave Favorieten worden beheerd door de weergave. In CSS is het alleen mogelijk de breedte te definiëren.

CSS-eigenschappen van de weergave Favorieten

Voorbeeld - om een weergave Favorieten in te stellen die 100 pixels breed is en een halftransparante grijze achtergrond heeft.

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

De afstand tussen miniaturen Favorieten wordt geregeld met de volgende CSS-klassenkiezer:

.s7ecatalogsearchviewer .s7favoritesview .s7thumbcell

CSS-eigenschappen van de miniaturen Favorieten

Voorbeeld - tien pixelspatiëring instellen.

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

De vormgeving van afzonderlijke miniaturen wordt bepaald door de volgende CSS-klassenkiezer:

.s7ecatalogsearchviewer .s7favoritesview .s7thumb

CSS-eigenschappen van de miniaturen Favorieten

Voorbeeld - Als u miniaturen wilt instellen die 75 x 75 pixels zijn, hebt u een lichtgrijze standaardrand en een donkergrijze geselecteerde rand.

.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;
}

De vormgeving van het label van de miniatuur wordt bepaald door de volgende CSS-klassenkiezer:

.s7ecatalogsearchviewer .s7favoritesview .s7label

CSS-eigenschappen van het label Favorieten

Voorbeeld - voor het instellen van labels met een Helvetica®-lettertype van 14 pixels.

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