Die Seitenanzeige zeigt den aktuellen Seitenindex und die Seitenzahl insgesamt an. Sie wird in der Hauptsteuerleiste auf Desktop-Systemen und Tablets angezeigt, auf Mobiltelefonen wird sie zur sekundären Steuerleiste hinzugefügt. Die Seitenanzeige kann von CSS skaliert, gehärtet und positioniert werden.
Der Indikator für die Darstellungsseite wird mit der folgenden CSS-Klassenauswahl gesteuert:
.s7ecatalogsearchviewer .s7pageindicator
CSS-Eigenschaft |
Beschreibung |
---|---|
Anfang |
Position vom oberen Rand der Hauptsteuerleiste (auf Desktop-Systemen und Tablets) oder der sekundären Steuerleiste (auf Mobiltelefonen), einschließlich Abstandflächen. |
rechts |
Position vom rechten Rand der Hauptsteuerleiste (auf Desktop-Systemen und Tablets) oder der sekundären Steuerleiste (auf Mobiltelefonen), einschließlich Abstandflächen. |
links |
Position vom linken Rand der Hauptsteuerleiste (auf Desktop-Systemen und Tablets) oder der sekundären Steuerleiste (auf Mobiltelefonen), einschließlich Abstandflächen. |
unten |
Position vom unteren Rand der Hauptsteuerleiste (auf Desktop-Systemen und Tablets) oder der sekundären Steuerleiste (auf Mobiltelefonen), einschließlich Abstandflächen. |
width |
Breite der Seitenanzeige. |
height |
Höhe der Seitenanzeige. |
color |
Schriftfarbe. |
Schriftfamilie |
Schriftname. |
Schriftgröße |
Schriftgröße. |
Beispiel: Zum Einrichten einer Seitenanzeige mit einer Größe von 56 x 28 Pixel, einer horizontalen Zentrierung und Positionierung von 4 Pixel vom unteren Rand der Hauptsteuerleiste und der Verwendung einer Helvetica®-Schrift mit einer Größe von 14 Pixel.
.s7ecatalogsearchviewer .s7pageindicator {
position:absolute;
bottom: 4px;
margin-left: -28px;
left: 50%;
width:56px;
height:28px;
font-family: Helvetica;
font-size:14px;
}