Menu Favoris favorites-menu
La liste déroulante du menu Favoris s’affiche dans la barre de contrôle. Il se compose d’un bouton et d’un panneau qui se développe lorsqu’un utilisateur clique ou appuie sur un bouton. Le panneau contient des outils Favoris individuels.
La position et la taille du menu Favoris dans l’interface utilisateur de la visionneuse sont contrôlées par le sélecteur de classe CSS suivant :
.s7ecatalogsearchviewer .s7favoritesmenu
Propriétés CSS du bouton de menu Favoris
Exemple - configurez un menu Favoris positionné à quatre pixels du haut de la barre de contrôle et à dix pixels du bouton le plus proche à gauche et d’une taille de 28 x 28 pixels.
.s7ecatalogsearchviewer .s7favoritesmenu {
margin-top: 4px;
margin-left: 10px;
width:28px;
height:28px;
}
L’apparence du bouton de menu Favoris est contrôlée par le sélecteur de classe CSS suivant :
.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesbutton
Propriétés CSS du bouton Favoris
state , qui peut être utilisé pour appliquer différents habillages à différents états de bouton.L’info-bulle du bouton peut être localisée. Pour plus d’informations, voir Localisation des éléments de l’interface utilisateur.
Exemple - configurez un bouton de menu Favoris qui affiche une image différente pour chacun des quatre états de bouton différents.
.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’aspect du panneau qui contient des icônes Favoris individuelles est contrôlé par le sélecteur de classe CSS suivant :
.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesmenupanel
Propriétés CSS du panneau de menu Favoris
Exemple - configurez un panneau pour obtenir une couleur transparente.
.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesmenupanel {
background-color: transparent;
}