Effetto Preferiti

Ultimo aggiornamento: 2023-05-22
  • Argomenti:
  • Dynamic Media Classic
    Visualizza ulteriori informazioni su questo argomento
  • Viewers
    Visualizza ulteriori informazioni su questo argomento
  • SDK/API
    Visualizza ulteriori informazioni su questo argomento
  • eCatalog
    Visualizza ulteriori informazioni su questo argomento
  • Creato per:
  • Developer
    User

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

In questa pagina