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

Ressources sur adobe.com

Automated Onboarding Asset Collections Content Intelligence Content As A Service Dynamic Media Digital Signage

Sur cette page

Voir suivant :

A virtual event April 27-28.

Expand your skills and get inspired.

Confidentialité (MISE À JOUR)

Conditions d’utilisation