Bouton Ajouter un favori

La position du bouton Ajouter favori est entièrement gérée à partir du menu Favoris .

L’aspect du bouton Ajouter favori est contrôlé à l’aide du sélecteur de classe CSS suivant :

.s7ecatalogviewer .s7addfavoritebutton

Propriétés CSS du bouton Ajouter favori

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 CSS Sprites .

width

Largeur du bouton.

height

Hauteur du bouton.

REMARQUE

Ce bouton prend en charge les sélecteurs d’attributs state et selected, qui peuvent être utilisés pour appliquer différents habillages à différents états de bouton. En particulier, selected='true' correspond à l’état lorsqu’un utilisateur peut ajouter une nouvelle icône Favori en cliquant ou en appuyant sur . selected='false' correspond au mode de fonctionnement normal lorsqu’un utilisateur peut zoomer, effectuer un panoramique et permuter des pages.

L’info-bulle de bouton peut être localisée. Voir Localisation des éléments de l’interface utilisateur pour plus d’informations.

Exemple : pour configurer un bouton Ajouter un bouton favori de 28 x 28 pixels et afficher une image différente pour chacun des quatre états de bouton différents lorsqu’il est sélectionné ou non.

.s7ecatalogviewer .s7addfavoritebutton { 
 width:28px; 
 height:28px; 
} 
.s7ecatalogviewer .s7addfavoritebutton[selected='false'][state='up'] { 
background-image:url(images/v2/AddFavoriteButton_dark_up.png); 
} 
.s7ecatalogviewer .s7addfavoritebutton[selected='false'][state='over'] { 
background-image:url(images/v2/AddFavoriteButton_dark_over.png); 
} 
.s7ecatalogviewer .s7addfavoritebutton[selected='false'][state='down'] { 
background-image:url(images/v2/AddFavoriteButton_dark_down.png); 
} 
.s7ecatalogviewer .s7addfavoritebutton[selected='false'][state='disabled'] { 
background-image:url(images/v2/AddFavoriteButton_dark_disabled.png); 
} 
.s7ecatalogviewer .s7addfavoritebutton[selected='true'][state='up'] { 
background-image:url(images/v2/AddFavoriteButton_dark_over.png); 
} 
.s7ecatalogviewer .s7addfavoritebutton[selected='true'][state='over'] { 
background-image:url(images/v2/AddFavoriteButton_dark_over.png); 
} 
.s7ecatalogviewer .s7addfavoritebutton[selected='true'][state='down'] { 
background-image:url(images/v2/AddFavoriteButton_dark_over.png); 
} 
.s7ecatalogviewer .s7addfavoritebutton[selected='true'][state='disabled'] { 
background-image:url(images/v2/AddFavoriteButton_dark_disabled.png); 
}

Sur cette page