DocumentazioneGuida di riferimento per i visualizzatori di Dynamic Medie

Pulsante Visualizza tutti i preferiti view-all-favorites-button

Last update: Sat Jul 20 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Argomenti:

Creato per:

  • Sviluppatore
  • Utente

La posizione del pulsante è completamente gestita dal menu Preferiti.

L'aspetto del pulsante Visualizza tutti i preferiti è controllato dal seguente selettore di classe CSS:

.s7ecatalogsearchviewer .s7viewallfavoritebutton

Proprietà CSS del pulsante Rimuovi preferiti

immagine di sfondo
Immagine visualizzata per un determinato stato del pulsante.
background-position

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

Vedere anche sprite CSS.

larghezza
Larghezza del pulsante.
altezza
Altezza del pulsante.
NOTE
Questo pulsante supporta sia i selettori di attributi state che selected, 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 facendo clic o toccando. selected='false' corrisponde alla normale modalità operativa in cui un utente può eseguire zoom, scorrimento e scambio di pagine.

La descrizione comando del pulsante può essere localizzata. Per ulteriori informazioni, vedere Localizzazione degli elementi dell'interfaccia utente.

Esempio: per impostare un pulsante Visualizza tutti i preferiti di 28 x 28 pixel e visualizzare un'immagine diversa per ciascuno dei quattro stati del pulsante, se selezionato o non selezionato.

.s7ecatalogsearchviewer .s7viewallfavoritebutton {
 width:28px;
 height:28px;
}
.s7ecatalogsearchviewer .s7viewallfavoritebutton[selected='false'][state='up'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_up.png);
}
.s7ecatalogsearchviewer .s7viewallfavoritebutton[selected='false'][state='over'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_over.png);
}
.s7ecatalogsearchviewer .s7viewallfavoritebutton[selected='false'][state='down'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_down.png);
}
.s7ecatalogsearchviewer .s7viewallfavoritebutton[selected='false'][state='disabled'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_disabled.png);
}
.s7ecatalogsearchviewer .s7viewallfavoritebutton[selected='true'][state='up'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_over.png);
}
.s7ecatalogsearchviewer .s7viewallfavoritebutton[selected='true'][state='over'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_over.png);
}
.s7ecatalogsearchviewer .s7viewallfavoritebutton[selected='true'][state='down'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_over.png);
}
.s7ecatalogsearchviewer .s7viewallfavoritebutton[selected='true'][state='disabled'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_disabled.png);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8