Schaltfläche "Letzte Seite" last-page-button
Wenn Sie auf diese Schaltfläche klicken oder tippen, wird der Benutzer zur letzten Seite im Katalog weitergeleitet. Diese Schaltfläche wird in der Hauptsteuerleiste auf Desktop-Systemen und Tablets angezeigt. Auf Mobiltelefonen wird sie zu einer sekundären Steuerleiste hinzugefügt. Mithilfe von CSS können Sie diese Schaltfläche vergrößern, verkleinern und positionieren.
CSS-Eigenschaften des Haupt-Viewer-Bereichs
Das Erscheinungsbild der Schaltfläche wird mit der folgenden CSS-Klassenauswahl gesteuert:
.s7ecatalogviewer .s7lastpagebutton .s7panleftbutton
Position innerhalb des Bildsprites, wenn CSS-Sprites verwendet werden.
Siehe auch CSS-Sprites.
state
"-Attributauswahl, mit der verschiedene Skins auf unterschiedliche Schaltflächenzustände angewendet werden können.Die QuickInfo der Schaltfläche kann lokalisiert werden. Weitere Informationen finden Sie unter Lokalisierung von Benutzeroberflächenelementen .
Beispiel: Zum Einrichten einer Schaltfläche für die letzte Seite, die 28 x 28 Pixel groß ist und 4 Pixel vom unteren Rand und 220 Pixel vom linken Rand der Hauptsteuerleiste entfernt ist. Und schließlich zeigt ein anderes Bild für jeden der vier verschiedenen Schaltflächenstatus an.
.s7ecatalogviewer .s7lastpagebutton .s7panrightbutton {
bottom:4px;
right:220px;
width:32px;
height:32px;
}
.s7ecatalogviewer .s7lastpagebutton .s7panrightbutton [state='up'] {
background-image:url(images/v2/LastPageButton_dark_up.png);
}
.s7ecatalogviewer .s7lastpagebutton .s7panrightbutton [state='over'] {
background-image:url(images/v2/LastPageButton_dark_over.png);
}
.s7ecatalogviewer .s7lastpagebutton .s7panrightbutton [state='down'] {
background-image:url(images/v2/LastPageButton_dark_down.png);
}
.s7ecatalogviewer .s7lastpagebutton .s7panrightbutton [state='disabled'] {
background-image:url(images/v2/LastPageButton_dark_disabled.png);
}