Pulsante Aggiungi preferito

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

La posizione del pulsante Aggiungi preferiti è completamente gestita dal menu Preferiti.

L'aspetto del pulsante Aggiungi preferito è controllato dal seguente selettore di classe CSS:

.s7ecatalogviewer .s7addfavoritebutton

Proprietà CSS del pulsante Aggiungi preferito

background-image

Immagine visualizzata per un determinato stato del pulsante.

background-position

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

Vedi anche Spunti CSS .

width

Larghezza del pulsante.

height

Altezza del pulsante.

NOTA

Questo pulsante supporta sia state e selected selettori di attributi, che possono essere utilizzati per applicare interfacce diverse a stati di pulsante diversi. In particolare: selected='true' corrisponde allo stato in cui un utente può aggiungere una nuova icona Preferiti selezionando o toccando. Attributo selected='false' corrisponde alla modalità operativa normale quando un utente è in grado di eseguire zoom, panning e scambio di pagine.

La descrizione comando del pulsante può essere localizzata. Consulta Localizzazione degli elementi dell’interfaccia utente per ulteriori informazioni.

Esempio: per impostare un pulsante Aggiungi preferito di 28 x 28 pixel. Inoltre, se selezionata o meno, visualizza un'immagine diversa per ciascuno dei quattro diversi stati dei pulsanti.

.s7ecatalogviewer .s7addfavoritebutton {
 width:28px;
 height:28px;
}
.s7ecatalogviewer .s7addfavoritebutton[selected='false'][state='up'] {
background-image:url(images/v2/AddFavoriteButton_dark_up.png);
}
.s7ecatalogviewer .s7addfavoritebutton[selected='false'][state='over'] {
background-image:url(images/v2/AddFavoriteButton_dark_over.png);
}
.s7ecatalogviewer .s7addfavoritebutton[selected='false'][state='down'] {
background-image:url(images/v2/AddFavoriteButton_dark_down.png);
}
.s7ecatalogviewer .s7addfavoritebutton[selected='false'][state='disabled'] {
background-image:url(images/v2/AddFavoriteButton_dark_disabled.png);
}
.s7ecatalogviewer .s7addfavoritebutton[selected='true'][state='up'] {
background-image:url(images/v2/AddFavoriteButton_dark_over.png);
}
.s7ecatalogviewer .s7addfavoritebutton[selected='true'][state='over'] {
background-image:url(images/v2/AddFavoriteButton_dark_over.png);
}
.s7ecatalogviewer .s7addfavoritebutton[selected='true'][state='down'] {
background-image:url(images/v2/AddFavoriteButton_dark_over.png);
}
.s7ecatalogviewer .s7addfavoritebutton[selected='true'][state='disabled'] {
background-image:url(images/v2/AddFavoriteButton_dark_disabled.png);
}
Pagina precedente
Next page

In questa pagina