Indicateur de page page-indicator

L’indicateur Page affiche l’index de la page active et le nombre total de pages. Il apparaît dans la barre de contrôle principale des ordinateurs de bureau et des tablettes, et sur les téléphones mobiles, il est ajouté à la barre de contrôle secondaire. L’indicateur de page peut être dimensionné, peint et positionné par CSS.

L’indicateur de page d’aspect est contrôlé à l’aide du sélecteur de classe CSS suivant :

.s7ecatalogsearchviewer .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 mobiles), y compris la marge intérieure.
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 mobiles), y compris la marge intérieure.
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 mobiles), y compris la marge intérieure.
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 mobiles), y compris la marge intérieure.
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 au bas de la barre de contrôle principale, et utiliser une police Helvetica® de 14 pixels.

.s7ecatalogsearchviewer  .s7pageindicator {
 position:absolute;
 bottom: 4px;
 margin-left: -28px;
 left: 50%;
 width:56px;
 height:28px;
 font-family: Helvetica;
 font-size:14px;
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8