Vue Favoris favorites-view
La vue Favoris se compose d’une colonne d’images miniatures.
L’aspect du conteneur d’affichage des favoris est contrôlé avec le sélecteur de classe CSS suivant :
.s7ecatalogsearchviewer .s7favoritesview
La position et la hauteur de la vue Favoris sont gérées par la vue ; dans 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 sur un arrière-plan gris semi-transparent.
.s7ecatalogsearchviewer .s7favoritesview {
width: 100px;
background-color: rgba(221, 221, 221, 0.5);
}
L’espacement entre les miniatures des Favoris est contrôlé avec le sélecteur de classe CSS suivant :
.s7ecatalogsearchviewer .s7favoritesview .s7thumbcell
Propriétés CSS des miniatures de favoris
Exemple - Pour configurer l’espacement de dix pixels.
.s7ecatalogsearchviewer .s7favoritesview .s7thumbcell {
margin: 5px;
}
L’aspect de chaque miniature est contrôlé par le sélecteur de classe CSS suivant :
.s7ecatalogsearchviewer .s7favoritesview .s7thumb
Propriétés CSS des miniatures de 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. Tandis que state="default" correspond au reste des miniatures. Et state="over" est utilisé au survol de la souris.Exemple - Pour configurer des miniatures de 75 x 75 pixels, elles doivent avoir une bordure par défaut gris clair et une bordure sélectionnée gris foncé.
.s7ecatalogsearchviewer .s7favoritesview .s7thumb {
width: 75px;
height: 75px;
}
.s7ecatalogsearchviewer .s7favoritesview .s7thumb[state="default"] {
border: 1px solid #dddddd;
}
.s7ecatalogsearchviewer .s7favoritesview .s7thumb[state="selected"] {
border: 1px solid #666666;
}
L’aspect du libellé de la miniature est contrôlé par le sélecteur de classe CSS suivant :
.s7ecatalogsearchviewer .s7favoritesview .s7label
Propriétés CSS du libellé Favoris
Exemple : pour configurer des libellés avec une police Helvetica® de 14 pixels.
.s7ecatalogsearchviewer .s7favoritesview .s7label {
font-family: Helvetica,sans-serif;
font-size: 14px;
}