Visualizzazione Preferiti

La vista Preferiti è costituita da una colonna di miniature.

L’aspetto del contenitore della visualizzazione Preferiti è controllato dal seguente selettore di classe CSS:

.s7ecatalogsearchviewer .s7favoritesview

La posizione e l'altezza della vista Preferiti vengono gestite dalla vista; in CSS è possibile definire solo la larghezza.

Proprietà CSS della visualizzazione Preferiti

Esempio: per impostare una visualizzazione Preferiti larga 100 pixel con uno sfondo grigio semitrasparente.

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

La spaziatura tra le miniature Preferiti è controllata dal seguente selettore di classe CSS:

.s7ecatalogsearchviewer .s7favoritesview .s7thumbcell

Proprietà CSS delle miniature Preferiti

Esempio: per impostare una spaziatura di dieci pixel.

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

L’aspetto di una singola miniatura viene controllato con il seguente selettore di classe CSS:

.s7ecatalogsearchviewer .s7favoritesview .s7thumb

Proprietà CSS delle miniature Preferiti

Esempio: per impostare miniature di 75 x 75 pixel, impostare un bordo predefinito grigio chiaro e un bordo selezionato grigio scuro.

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

L’aspetto dell’etichetta delle miniature è controllato dal seguente selettore di classe CSS:

.s7ecatalogsearchviewer .s7favoritesview .s7label

Proprietà CSS dell'etichetta Preferiti

Esempio: per impostare etichette con un carattere Helvetica® da 14 pixel.

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