DocumentationGuide de référence des visionneuses Dynamic Media

Bouton Afficher tous les favoris view-all-favorites-button

Last update: Fri Aug 15 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Rubriques :

Créé pour :

  • Développeur
  • Utilisateur ou utilisatrice

La position du bouton est entièrement gérée par le menu Favoris.

L’apparence du bouton Afficher tous les favoris est contrôlée par le sélecteur de classe CSS suivant :

.s7ecatalogviewer .s7viewallfavoritebutton

Propriétés CSS du bouton Supprimer les favoris

image d’arrière-plan
Image affichée pour un état donné du bouton.
position de l’arrière-plan

Position à l’intérieur du sprite de l’illustration, si des sprites CSS sont utilisés.

Voir aussi SpritesCSS.

Largeur
Largeur du bouton.
hauteur
Hauteur du bouton.
NOTE
Ce bouton prend en charge à la fois 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 dans lequel un utilisateur peut ajouter une nouvelle icône Favori en cliquant ou en appuyant. L’attribut selected='false' correspond au mode de fonctionnement normal lorsqu’un utilisateur peut agrandir, effectuer un panoramique et permuter des pages.

L’info-bulle du bouton peut être localisée. Pour plus d’informations, voir Localisation des éléments de l’interface utilisateur.

Exemple - pour configurer un bouton Afficher tous les favoris de 28 x 28 pixels qui affiche une image différente pour chacun des quatre états différents du bouton lorsqu’il est sélectionné ou non.

.s7ecatalogviewer .s7viewallfavoritebutton {
 width:28px;
 height:28px;
}
.s7ecatalogviewer .s7viewallfavoritebutton[selected='false'][state='up'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_up.png);
}
.s7ecatalogviewer .s7viewallfavoritebutton[selected='false'][state='over'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_over.png);
}
.s7ecatalogviewer .s7viewallfavoritebutton[selected='false'][state='down'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_down.png);
}
.s7ecatalogviewer .s7viewallfavoritebutton[selected='false'][state='disabled'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_disabled.png);
}
.s7ecatalogviewer .s7viewallfavoritebutton[selected='true'][state='up'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_over.png);
}
.s7ecatalogviewer .s7viewallfavoritebutton[selected='true'][state='over'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_over.png);
}
.s7ecatalogviewer .s7viewallfavoritebutton[selected='true'][state='down'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_over.png);
}
.s7ecatalogviewer .s7viewallfavoritebutton[selected='true'][state='disabled'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_disabled.png);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8