Effetto Preferiti favorites-effect

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:

.s7ecatalogviewer .s7favoriteseffect .s7icon

Proprietà CSS dell'icona Preferiti

background-image
Immagine visualizzata per l'icona.
background-position

Posizionate all'interno dello sprite del disegno, se vengono utilizzati gli sprite CSS.

Vedi anche Spunti CSS.

width
Larghezza dell'icona.
height
Altezza dell'icona.

Esempio: impostare un’icona Preferiti di 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 cursortype selettore di attributi che puoi applicare al .s7favoriteseffect e controlla il tipo di cursore in base all'azione utente selezionata. I seguenti elementi cursortype sono supportati i seguenti valori:

mode_add
L'utente visualizzato sta aggiungendo una nuova icona Preferiti.
mode_remove
L'utente visualizzato sta rimuovendo un'icona Preferiti esistente.
mode_view
Visualizzato in modalità operativa normale quando la modifica Preferiti non è attiva.

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