Il visualizzatore visualizza le icone Preferiti nella vista principale, in punti in cui è stato originariamente aggiunto dall’utente.
L’aspetto dell’icona Preferito è controllato dal seguente selettore di classe CSS:
.s7ecatalogviewer .s7favoriteseffect .s7icon
Proprietà CSS dell’icona Preferito
immagine di sfondo |
Immagine visualizzata per l’icona. |
posizione di sfondo |
Posizione all’interno dello sprite di un’immagine, se vengono utilizzati gli spriti CSS. Vedi anche Sprite CSS . |
width |
Larghezza dell’icona. |
height |
Altezza dell’icona. |
Esempio: imposta un'icona Preferiti da 36 x 36 pixel.
.s7ecatalogviewer .s7favoriteseffect .s7icon {
height: 36px;
width: 36px;
background-image: url(images/v2/FavoriteEffect_dark_up.png);
}
Sui sistemi desktop, il componente supporta il cursortype
selettore di attributi che puoi applicare al .s7favoriteseffect
e controlla il tipo di cursore in base all'azione utente selezionata. I seguenti cursortype
sono supportati:
mode_add |
L'utente visualizzato sta aggiungendo una nuova icona Preferiti. |
mode_remove |
L'utente visualizzato sta rimuovendo un'icona Preferito esistente. |
mode_view |
Visualizzata in modalità normale quando la modifica dei Preferiti non è attiva. |
Esempio : per disporre di diversi cursori del mouse per ogni tipo di stato del componente.
.s7ecatalogviewer .s7favoriteseffect[cursortype="mode_add"] {
cursor: crosshair;
}
.s7ecatalogviewer .s7favoriteseffect[cursortype="mode_remove"] {
cursor: not-allowed;
}
.s7ecatalogviewer .s7favoriteseffect[cursortype="mode_view"] {
cursor: auto;
}