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

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.

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 : disporre di cursori del mouse diversi 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