Indicateur de page

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; 
}

Sur cette page

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free