Pagina-indicator page-indicator

Pagina-indicator geeft de huidige pagina-index en het totale aantal pagina's weer. Het verschijnt in belangrijkste controlebar op Desktopsystemen en tablet, op mobiele telefoons wordt het toegevoegd aan secundaire controlebar. De pagina-indicator kan door CSS worden vergroot of verkleind, van een skin worden voorzien en worden geplaatst.

De weergave van de pagina-indicator wordt bepaald door de volgende CSS-klassenkiezer:

.s7ecatalogviewer .s7pageindicator

CSS-eigenschap
Beschrijving
top
Plaats vanaf de bovenrand van de hoofdbesturingsbalk (op desktopsystemen en tablets) of de secundaire besturingsbalk (op mobiele telefoons), inclusief opvulling.
right
Positie vanaf de rechterrand van de hoofdbesturingsbalk (op desktopsystemen en tablets) of de secundaire besturingsbalk (op mobiele telefoons), inclusief opvulling.
left
Positie vanaf de linkerrand van de hoofdbesturingsbalk (op desktopsystemen en tablets) of de secundaire besturingsbalk (op mobiele telefoons), inclusief opvulling.
bottom
Plaats vanaf de onderrand van de hoofdbesturingsbalk (op desktopsystemen en tablets) of de secundaire besturingsbalk (op mobiele telefoons), inclusief opvulling.
width
Breedte van de pagina-indicator.
height
Hoogte van de pagina-indicator.
color
Fontkleur.
font-family
Fontnaam.
font-size
Tekengrootte.

Voorbeeld - voor het instellen van een pagina-indicator van 56 x 28 pixels, horizontaal gecentreerd en gepositioneerd 4 pixels vanaf de onderkant van de hoofdbesturingsbalk, en het gebruik van een Helvetica®-lettertype van 14 pixels.

.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