Effetto Preferiti
Creato per:
- Sviluppatore
- Utente
Il visualizzatore visualizza le icone Preferiti sopra la visualizzazione principale nelle posizioni in cui è stata originariamente aggiunta dall'utente.
L’aspetto dell’icona Preferiti è controllato dal seguente selettore di classe CSS:
.s7ecatalogsearchviewer .s7favoriteseffect .s7icon
Proprietà CSS dell'icona Preferiti
| immagine di sfondo | Immagine visualizzata per l'icona. |
| background-position |
Posizionate all'interno dello sprite del disegno, se vengono utilizzati gli sprite CSS. Vedere anche sprite CSS. |
| larghezza | Larghezza dell'icona. |
| altezza | Altezza dell'icona. |
Esempio: impostare un’icona Preferiti di 36 x 36 pixel.
.s7ecatalogsearchviewer .s7favoriteseffect .s7icon {
height: 36px;
width: 36px;
background-image: url(images/v2/FavoriteEffect_dark_up.png);
}
Nei sistemi desktop il componente supporta il selettore di attributi cursortype che è possibile applicare alla classe .s7favoriteseffect e controlla il tipo di cursore in base all'azione utente selezionata. Sono supportati i seguenti valori cursortype:
| mode_add | L'utente visualizzato sta aggiungendo una nuova icona Preferiti. |
| modalità_rimozione | L'utente visualizzato sta rimuovendo un'icona Preferiti esistente. |
| visualizzazione modalità | Visualizzato in modalità operativa normale quando la modifica Preferiti non è attiva. |
Esempio: utilizzare cursori del mouse diversi per ogni tipo di stato del componente.
.s7ecatalogsearchviewer .s7favoriteseffect[cursortype="mode_add"] {
cursor: crosshair;
}
.s7ecatalogsearchviewer .s7favoriteseffect[cursortype="mode_remove"] {
cursor: not-allowed;
}
.s7ecatalogsearchviewer .s7favoriteseffect[cursortype="mode_view"] {
cursor: auto;
}