L'indicateur de page affiche l'index de la page active et le nombre total de pages. Il apparaît dans la barre de contrôle principale sur les ordinateurs de bureau et tablettes, sur les téléphones portables, il est ajouté à la barre de contrôle secondaire. L’indicateur de page peut être dimensionné, habillé et positionné par CSS.
L’aspect de l’indicateur de page est contrôlé par le sélecteur de classe CSS suivant :
.s7ecatalogviewer .s7pageindicator
Propriété CSS |
Description |
---|---|
haut |
Position à partir de la bordure supérieure de la barre de contrôle principale (sur les ordinateurs de bureau et tablettes) ou de la barre de contrôle secondaire (sur les téléphones portables), y compris le remplissage. |
droite |
Position à partir de la bordure droite de la barre de contrôle principale (sur les ordinateurs de bureau et tablettes) ou de la barre de contrôle secondaire (sur les téléphones portables), y compris le remplissage. |
gauche |
Position à partir de la bordure gauche de la barre de contrôle principale (sur les ordinateurs de bureau et tablettes) ou de la barre de contrôle secondaire (sur les téléphones portables), y compris le remplissage. |
bas |
Position à partir de la bordure inférieure de la barre de contrôle principale (sur les ordinateurs de bureau et tablettes) ou de la barre de contrôle secondaire (sur les téléphones portables), y compris le remplissage. |
width |
Largeur de l’indicateur de page. |
height |
Hauteur de l’indicateur de page. |
color |
Police - Couleur. |
font-family |
Nom de la police. |
font-size |
Taille de police. |
Exemple : pour configurer un indicateur de page de 56 x 28 pixels, centré horizontalement et positionné à 4 pixels du bas de la barre de contrôle principale, et utiliser une police Helvetica de 14 pixels.
.s7ecatalogviewer .s7pageindicator {
position:absolute;
bottom: 4px;
margin-left: -28px;
left: 50%;
width:56px;
height:28px;
font-family: Helvetica;
font-size:14px;
}