La position du bouton Ajouter favori est entièrement gérée par le menu Favoris.
L’aspect du bouton Ajouter favori est contrôlé par le sélecteur de classe CSS suivant :
.s7ecatalogviewer .s7addfavoritebutton
Propriétés CSS du bouton Ajouter favori
image d’arrière-plan |
Image affichée pour un état de bouton donné. |
arrière-plan-position |
Positionnez l’objet à l’intérieur de l’objet d’illustration, si des sprites CSS sont utilisés. Voir aussi CSS Sprites . |
width |
Largeur du bouton. |
height |
Hauteur du bouton. |
Ce bouton prend en charge les sélecteurs d'attribut 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 dessus. selected='false'
correspond au mode de fonctionnement normal lorsqu’un utilisateur peut effectuer un zoom, effectuer un panoramique et permuter des pages.
L’info-bulle du bouton peut être localisée. Voir Localisation des éléments de l’interface utilisateur pour plus d’informations.
Exemple : pour configurer un bouton Ajouter favori de 28 x 28 pixels et afficher une image différente pour chacun des quatre états de bouton différents si 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);
}