L’indicatore della pagina visualizza l’indice della pagina corrente e il conteggio totale delle pagine. Appare nella barra di controllo principale sui sistemi desktop e tablet, sui telefoni cellulari viene aggiunto alla barra di controllo secondaria. L’indicatore di pagina può essere ridimensionato, scuoiato e posizionato in base al CSS.
L’aspetto dell’indicatore di pagina è controllato dal seguente selettore di classe CSS:
.s7ecatalogviewer .s7pageindicator
Proprietà CSS |
Descrizione |
---|---|
top |
Posizione dal bordo superiore della barra di controllo principale (su sistemi desktop e tablet) o della barra di controllo secondaria (su telefoni cellulari), inclusa la spaziatura. |
destra |
Posizione dal bordo destro della barra di controllo principale (su sistemi desktop e tablet) o della barra di controllo secondaria (su telefoni cellulari), inclusa la spaziatura. |
left |
Posizione dal bordo sinistro della barra di controllo principale (su sistemi desktop e tablet) o della barra di controllo secondaria (su telefoni cellulari), inclusa la spaziatura. |
bottom |
Posizione dal bordo inferiore della barra di controllo principale (su sistemi desktop e tablet) o della barra di controllo secondaria (su telefoni cellulari), inclusa la spaziatura. |
width |
Larghezza dell'indicatore della pagina. |
height |
Altezza dell'indicatore della pagina. |
color |
Colore font. |
font-family |
Nome font. |
font-size |
Dimensione font. |
Esempio: per impostare un indicatore di pagina di 56 x 28 pixel, centrato orizzontalmente e posizionato a 4 pixel dalla parte inferiore della barra di controllo principale, e utilizzare un font Helvetica® da 14 pixel.
.s7ecatalogviewer .s7pageindicator {
position:absolute;
bottom: 4px;
margin-left: -28px;
left: 50%;
width:56px;
height:28px;
font-family: Helvetica;
font-size:14px;
}