Effetto Preferiti favorites-effect

Il visualizzatore visualizza le icone Preferiti sopra la vista principale nei punti in cui è stato originariamente aggiunto dal utente.

L'aspetto dell'icona Favorite è controllato con il seguente selettore della classe CSS:

.s7ecatalogviewer .s7favoriteseffect .s7icon

Proprietà CSS dell'icona Preferiti

immagine di sfondo
Immagine visualizzata per l'icona.
posizione sfondo

Posizione all'interno dello sprite dell'illustrazione, se vengono utilizzati sprite CSS.

Vedere anche CSS Sprites.

Larghezza
Larghezza dell'icona.
altezza
Altezza dell'icona.

Esempio: impostare un'icona Preferiti di 36x36 pixel.

.s7ecatalogviewer .s7favoriteseffect .s7icon {
 height: 36px;
 width: 36px;
 background-image: url(images/v2/FavoriteEffect_dark_up.png);
}

Nei sistemi desktop, il componente supporta l'attributo cursortype selettore cui è possibile applicare alla .s7favoriteseffect classe e controlla il tipo di cursore in base all'azione utente selezionata. Sono supportati i seguenti cursortype valori:

mode_add
Viene visualizzato utente viene aggiunta una nuova icona Preferiti.
mode_remove
Viene visualizzato utente sta rimuovendo un'icona Preferiti esistente.
mode_view
Visualizzato in modalità operativa normale quando la modifica dei preferiti non è attiva.

Esempio: per avere 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;
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8