Documentazione Guida di riferimento per i visualizzatori di Dynamic Medie

Pulsante Visualizza tutti i preferiti

Ultimo aggiornamento: 20 luglio 2024

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