Menu Preferiti favorites-menu

Nella barra di controllo viene visualizzato l'elenco a discesa del menu Preferiti. È costituito da un pulsante e da un pannello che si espande quando un utente fa clic o tocca un pulsante. Il pannello contiene i singoli strumenti Preferiti.

La posizione e le dimensioni del menu Preferiti nell'interfaccia utente del visualizzatore sono controllate dal seguente selettore di classe CSS:

.s7ecatalogsearchviewer .s7favoritesmenu

Proprietà CSS del pulsante di menu Preferiti

margin-top
Offset dalla parte superiore della barra di controllo.
margin-left
Distanza dal pulsante successivo a sinistra o dal lato sinistro della barra di controllo se questo pulsante è il primo di una riga.
width
Larghezza del pulsante.
height
Altezza del pulsante.

Esempio: impostare un menu Preferiti posizionato a quattro pixel dalla parte superiore della barra di controllo e a dieci pixel dal pulsante più vicino a sinistra e di dimensioni pari a 28 x 28 pixel.

.s7ecatalogsearchviewer .s7favoritesmenu {
margin-top: 4px;
margin-left: 10px;
 width:28px;
 height:28px;
}

L'aspetto del pulsante di menu Preferiti è controllato dal seguente selettore di classe CSS:

.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesbutton

Proprietà CSS del pulsante Preferiti

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.

NOTE
Questo pulsante supporta state selettore di attributi, che può essere utilizzato per applicare interfacce diverse a stati di pulsante diversi.

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

Esempio: impostare un pulsante del menu Preferiti che visualizzi un'immagine diversa per ciascuno dei quattro stati dei pulsanti.

.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesbutton[state='up'] {
background-image:url(images/v2/FavoritesMenu dark_up.png);
}
.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesbutton[state='over'] {
background-image:url(images/v2/FavoritesMenu_dark_over.png);
}
.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesbutton[state='down'] {
background-image:url(images/v2/FavoritesMenu_dark_down.png);
}
.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesbutton[state='disabled'] {
background-image:url(images/v2/FavoritesMenu_dark_disabled.png);
}

L’aspetto del pannello che contiene le singole icone Preferiti è controllato dal seguente selettore di classe CSS:

.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesmenupanel

Proprietà CSS del pannello di menu Preferiti

background-color
Colore di sfondo del pannello.

Esempio: imposta un pannello per ottenere un colore trasparente.

.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesmenupanel {
 background-color: transparent;
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8