Vue Favoris favorites-view
La vue Favoris se compose d’une colonne d’images miniatures.
L’apparence du conteneur d’affichage Favoris est contrôlée par le sélecteur de classe CSS suivant :
.s7ecatalogviewer .s7favoritesview
La position et la hauteur de la vue Favoris sont gérées par la vue ; en CSS, il n’est possible de définir que la largeur.
Propriétés CSS de la vue Favoris
Exemple - Pour configurer une vue Favoris de 100 pixels de large avec un arrière-plan gris semi-transparent :
.s7ecatalogviewer .s7favoritesview {
width: 100px;
background-color: rgba(221, 221, 221, 0.5);
}
L’espacement entre les miniatures Favoris est contrôlé par le sélecteur de classe CSS suivant :
.s7ecatalogviewer .s7favoritesview .s7thumbcell
Propriétés CSS des miniatures Favoris
Exemple - Pour configurer l’espacement des dix pixels :
.s7ecatalogviewer .s7favoritesview .s7thumbcell {
margin: 5px;
}
L’apparence de la miniature individuelle est contrôlée par le sélecteur de classe CSS suivant :
.s7ecatalogviewer .s7favoritesview .s7thumb
Propriétés CSS des miniatures Favoris
state , qui peut être utilisé pour appliquer différents habillages à différents états de miniature. En particulier, state="selected" correspond à la miniature récemment sélectionnée par l’utilisateur. L’attribut state="default" correspond au reste des miniatures. L’attribut state="over" est également utilisé lorsque le pointeur de la souris pointe la souris.Exemple : pour configurer des miniatures de 75 x 75 pixels, dotées d’une bordure par défaut gris clair et d’une bordure sélectionnée gris foncé :
.s7ecatalogviewer .s7favoritesview .s7thumb {
width: 75px;
height: 75px;
}
.s7ecatalogviewer .s7favoritesview .s7thumb[state="default"] {
border: 1px solid #dddddd;
}
.s7ecatalogviewer .s7favoritesview .s7thumb[state="selected"] {
border: 1px solid #666666;
}
L’apparence du libellé de la miniature est contrôlée par le sélecteur de classe CSS suivant :
.s7ecatalogviewer .s7favoritesview .s7label
Propriétés CSS du libellé Favoris
Exemple - Pour configurer des étiquettes avec une police Helvetica® de 14 pixels :
.s7ecatalogviewer .s7favoritesview .s7label {
font-family: Helvetica,sans-serif;
font-size: 14px;
}