Indicatore di pagina page-indicator

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;
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8