Pulsante Visualizza tutti i Preferiti

La posizione del pulsante è completamente gestita dal menu Preferiti.

L'aspetto del pulsante Visualizza tutti i preferiti è controllato con il seguente selettore di classe CSS:

.s7ecatalogviewer .s7viewallfavoritebutton

Proprietà CSS del pulsante Rimuovi 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 sia i selettori di attributi state che selected , 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 facendo clic o toccando. 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. Per ulteriori informazioni, consulta Localizzazione degli elementi dell’interfaccia utente .

Esempio: per impostare un pulsante Visualizza tutti i preferiti di 28 x 28 pixel e visualizza un’immagine diversa per ciascuno dei quattro stati dei pulsanti selezionati o meno.

.s7ecatalogviewer .s7viewallfavoritebutton { 
 width:28px; 
 height:28px; 
} 
.s7ecatalogviewer .s7viewallfavoritebutton[selected='false'][state='up'] { 
background-image:url(images/v2/ViewAllFavoritesButton_dark_up.png); 
} 
.s7ecatalogviewer .s7viewallfavoritebutton[selected='false'][state='over'] { 
background-image:url(images/v2/ViewAllFavoritesButton_dark_over.png); 
} 
.s7ecatalogviewer .s7viewallfavoritebutton[selected='false'][state='down'] { 
background-image:url(images/v2/ViewAllFavoritesButton_dark_down.png); 
} 
.s7ecatalogviewer .s7viewallfavoritebutton[selected='false'][state='disabled'] { 
background-image:url(images/v2/ViewAllFavoritesButton_dark_disabled.png); 
} 
.s7ecatalogviewer .s7viewallfavoritebutton[selected='true'][state='up'] { 
background-image:url(images/v2/ViewAllFavoritesButton_dark_over.png); 
} 
.s7ecatalogviewer .s7viewallfavoritebutton[selected='true'][state='over'] { 
background-image:url(images/v2/ViewAllFavoritesButton_dark_over.png); 
} 
.s7ecatalogviewer .s7viewallfavoritebutton[selected='true'][state='down'] { 
background-image:url(images/v2/ViewAllFavoritesButton_dark_over.png); 
} 
.s7ecatalogviewer .s7viewallfavoritebutton[selected='true'][state='disabled'] { 
background-image:url(images/v2/ViewAllFavoritesButton_dark_disabled.png); 
}

In questa pagina