Bouton de réinitialisation du zoom zoom-reset-button

Le fait de sélectionner ce bouton permet de réinitialiser une image dans la vue principale. Vous pouvez dimensionner, habiller et positionner ce bouton à l’aide de CSS.

Propriétés CSS de la zone de visionneuse principale

L’aspect du bouton est contrôlé avec le sélecteur de classe CSS suivant :

.s7basiczoomviewer .s7zoomresetbutton

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 de réinitialisation du zoom de 32 x 32 pixels positionné à six pixels du bord supérieur et droit de la visionneuse. Elle doit afficher une image différente pour chacun des quatre états de bouton différents.

.s7basiczoomviewer .s7zoomresetbutton {
top:6px;
right:6px;
width:32px;
height:32px;
}
.s7basiczoomviewer .s7zoomresetbutton [state='up'] {
background-image:url(images/v2/ZoomResetButton_dark_up.png);
}
.s7basiczoomviewer .s7zoomresetbutton [state='over'] {
background-image:url(images/v2/ZoomResettButton_dark_over.png);
}
.s7basiczoomviewer .s7zoomresetbutton [state='down'] {
background-image:url(images/v2/ZoomResetButton_dark_down.png);
}
.s7basiczoomviewer .s7zoomresetbutton [state='disabled'] {
background-image:url(images/v2/ZoomResetButton_dark_disabled.png);
}