Effetto Preferiti

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

In questa pagina