Vyn Favoriter favorites-view

Vyn Favoriter består av en kolumn med miniatyrbilder.

Utseendet på favoritvybehållaren styrs med följande CSS-klassväljare:

.s7ecatalogsearchviewer .s7favoritesview

Positionen och höjden på vyn Favoriter hanteras av vyn. I CSS går det bara att definiera bredden.

CSS-egenskaper för vyn Favoriter

Exempel - för att ställa in en Favoritvy som är 100 pixlar bred med en halvgenomskinlig grå bakgrund.

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

Avståndet mellan Favoriter-miniatyrbilder styrs med följande CSS-klassväljare:

.s7ecatalogsearchviewer .s7favoritesview .s7thumbcell

CSS-egenskaper för miniatyrbilderna Favoriter

Exempel - Om du vill ange tio pixelavstånd.

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

Utseendet på enskilda miniatyrbilder styrs med följande CSS-klassväljare:

.s7ecatalogsearchviewer .s7favoritesview .s7thumb

CSS-egenskaper för miniatyrbilderna Favoriter

Exempel - Om du vill ställa in miniatyrbilder som är 75 x 75 pixlar har du en ljusgrå standardkant och en mörkgrå markerad kant.

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

Utseendet på miniatyrbildetiketten styrs av följande CSS-klassväljare:

.s7ecatalogsearchviewer .s7favoritesview .s7label

CSS-egenskaper för etiketten Favoriter

Exempel - för att ställa in etiketter med ett Helvetica®-teckensnitt med 14 pixlar.

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