Menu Preferiti

L'elenco a discesa del menu Preferiti viene visualizzato nella barra dei controlli. È 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

La distanza dal pulsante successivo a sinistra o dal lato sinistro della barra di controllo, se si tratta del primo pulsante di una riga.

width

Larghezza del pulsante.

height

Altezza del pulsante.

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

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

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

.s7ecatalogviewer .s7favoritesmenu .s7favoritesbutton

Proprietà CSS del pulsante Preferiti

immagine di sfondo

Immagine visualizzata per un determinato stato del pulsante.

posizione di sfondo

Posizione all’interno dello sprite di un’immagine, se vengono utilizzati gli spriti CSS.

Vedi anche Sprite CSS .

NOTA

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

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

Esempio: impostare un pulsante del 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 contenente le singole icone Preferiti è controllato dal seguente selettore di classe CSS:

.s7ecatalogviewer .s7favoritesmenu .s7favoritesmenupanel

Proprietà CSS del pannello del menu Preferiti

colore di sfondo

Colore di sfondo del pannello.

Esempio: imposta un pannello per avere un colore trasparente.

.s7ecatalogviewer .s7favoritesmenu .s7favoritesmenupanel { 
 background-color: transparent; 
}

In questa pagina