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:

.s7ecatalogviewer .s7favoritesmenu

Proprietà CSS del pulsante del menu Preferiti

margine superiore
Offset dalla parte superiore della barra di controllo.
margine sinistro
Distanza dal pulsante successivo a sinistra o dal lato sinistro della barra di controllo, se questo è il primo pulsante di una riga.
larghezza
Larghezza del pulsante.
altezza
Altezza del pulsante.

Esempio: per 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:

.s7ecatalogviewer .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:

.s7ecatalogviewer .s7favoritesmenu .s7favoritesbutton

Proprietà CSS del pulsante 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.

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

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

Esempio: per impostare un pulsante di menu Preferiti che visualizza un'immagine diversa per ciascuno dei quattro stati dei pulsanti:

.s7ecatalogviewer .s7favoritesmenu .s7favoritesbutton[state='up'] {
background-image:url(images/v2/FavoritesMenu dark_up.png);
}
.s7ecatalogviewer .s7favoritesmenu .s7favoritesbutton[state='over'] {
background-image:url(images/v2/FavoritesMenu_dark_over.png);
}
.s7ecatalogviewer .s7favoritesmenu .s7favoritesbutton[state='down'] {
background-image:url(images/v2/FavoritesMenu_dark_down.png);
}
.s7ecatalogviewer .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:

.s7ecatalogviewer .s7favoritesmenu .s7favoritesmenupanel

Proprietà CSS del pannello di menu Preferiti

colore di sfondo
Colore di sfondo del pannello.

Esempio: per impostare un pannello con un colore trasparente:

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