Pulsante Aggiungi preferito

La posizione del pulsante Aggiungi preferito è completamente gestita dal menu Preferiti.

L’aspetto del pulsante Aggiungi preferito è controllato con il seguente selettore di classe CSS:

.s7ecatalogviewer .s7addfavoritebutton

Proprietà CSS del pulsante Aggiungi preferito

immagine di sfondo

Immagine visualizzata per un determinato stato del pulsante.

posizione di sfondo

Posizione all’interno dello sprite di un’immagine, se vengono utilizzati gli spriti CSS.

Vedi anche Sprite CSS .

width

Larghezza del pulsante.

height

Altezza del pulsante.

NOTA

Questo pulsante supporta entrambi state e selected selettori di attributi, che possono essere utilizzati per applicare interfacce diverse a diversi stati dei pulsanti. In particolare, selected='true' corrisponde allo stato in cui un utente può aggiungere una nuova icona Preferiti selezionandola o toccando. Attributo selected='false' corrisponde alla modalità operativa normale quando un utente può eseguire lo zoom, la panoramica e lo scambio di pagine.

La descrizione comando del pulsante può essere localizzata. Vedi Localizzazione degli elementi dell’interfaccia utente per ulteriori informazioni.

Esempio: per impostare un pulsante Aggiungi preferito di 28 x 28 pixel. Inoltre, quando selezionato o non selezionato, visualizza un’immagine diversa per ciascuno dei quattro stati del pulsante.

.s7ecatalogviewer .s7addfavoritebutton {
 width:28px;
 height:28px;
}
.s7ecatalogviewer .s7addfavoritebutton[selected='false'][state='up'] {
background-image:url(images/v2/AddFavoriteButton_dark_up.png);
}
.s7ecatalogviewer .s7addfavoritebutton[selected='false'][state='over'] {
background-image:url(images/v2/AddFavoriteButton_dark_over.png);
}
.s7ecatalogviewer .s7addfavoritebutton[selected='false'][state='down'] {
background-image:url(images/v2/AddFavoriteButton_dark_down.png);
}
.s7ecatalogviewer .s7addfavoritebutton[selected='false'][state='disabled'] {
background-image:url(images/v2/AddFavoriteButton_dark_disabled.png);
}
.s7ecatalogviewer .s7addfavoritebutton[selected='true'][state='up'] {
background-image:url(images/v2/AddFavoriteButton_dark_over.png);
}
.s7ecatalogviewer .s7addfavoritebutton[selected='true'][state='over'] {
background-image:url(images/v2/AddFavoriteButton_dark_over.png);
}
.s7ecatalogviewer .s7addfavoritebutton[selected='true'][state='down'] {
background-image:url(images/v2/AddFavoriteButton_dark_over.png);
}
.s7ecatalogviewer .s7addfavoritebutton[selected='true'][state='disabled'] {
background-image:url(images/v2/AddFavoriteButton_dark_disabled.png);
}

In questa pagina