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 avec le sélecteur de classe CSS suivant :
.s7ecatalogsearchviewer .s7favoritesmenu
Propriétés CSS du bouton de menu Favoris
margin-top |
Décalage par rapport au haut de la barre de contrôle. |
margin-left |
Distance du bouton suivant à gauche ou du côté gauche de la barre de contrôle si ce bouton est le premier de la rangée. |
width |
Largeur du bouton. |
height |
Hauteur du bouton. |
Exemple : configurez un menu Favoris qui est positionné à quatre pixels du haut de la barre de contrôle et à dix pixels du bouton le plus proche à gauche et dimensionné à 28 x 28 pixels.
.s7ecatalogsearchviewer .s7favoritesmenu {
margin-top: 4px;
margin-left: 10px;
width:28px;
height:28px;
}
L’aspect du bouton de menu Favoris est contrôlé à l’aide du sélecteur de classe CSS suivant :
.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesbutton
Propriétés CSS du bouton Favoris
background-image |
Image affichée pour un état de bouton donné. |
arrière-plan-position |
Position dans l’objet d’illustration, si des sprites CSS sont utilisés. Voir aussi Sprites CSS . |
Ce bouton prend en charge state
sélecteur d’attributs qui peut être utilisé pour appliquer différents habillages à différents états de bouton.
L’info-bulle de bouton peut être localisée. Voir Localisation des éléments de l’interface utilisateur pour plus d’informations.
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 contenant les icônes Favoris individuelles est contrôlé à l’aide du sélecteur de classe CSS suivant :
.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesmenupanel
Propriétés CSS du panneau de menu Favoris
arrière-plan-couleur |
Couleur d’arrière-plan du panneau. |
Exemple : configurez un panneau pour obtenir une couleur transparente.
.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesmenupanel {
background-color: transparent;
}