Indicatore di pagina

Ultimo aggiornamento: 2023-05-22
  • Argomenti:
  • Dynamic Media Classic
    Visualizza ulteriori informazioni su questo argomento
  • Viewers
    Visualizza ulteriori informazioni su questo argomento
  • SDK/API
    Visualizza ulteriori informazioni su questo argomento
  • eCatalog
    Visualizza ulteriori informazioni su questo argomento
  • Creato per:
  • Developer
    User

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

In questa pagina