Schaltfläche „Große vorherige Seite“

Letzte Aktualisierung: 31. Dezember 2024
  • Themen:

Erstellt für:

  • Entwickler
  • Benutzende

Wenn Sie diese Schaltfläche auswählen oder darauf tippen, gelangen die Benutzenden zur vorherigen Seite im Katalog. Diese Schaltfläche wird in der Hauptsteuerleiste angezeigt. Diese Schaltfläche wird auf Mobiltelefonen nicht angezeigt, um Platz auf dem Bildschirm zu sparen. Sie können diese Schaltfläche mithilfe von CSS skalieren, anpassen und positionieren.

CSS-Eigenschaften des Haupt-Viewer-Bereichs

Das Erscheinungsbild der Schaltfläche wird mit dem folgenden CSS-Klassenselektor gesteuert:

.s7ecatalogviewer .s7ecatleftbutton .s7panleftbutton

CSS-EigenschaftBeschreibung
Top-Position am oberen Rand der Hauptsteuerleiste, einschließlich Abstand.
rechtePosition am rechten Rand der Hauptsteuerleiste, einschließlich Abstand.
linkerPosition vom linken Rand der Hauptsteuerleiste, einschließlich Abstand.
unterePosition vom unteren Rand der Hauptsteuerleiste, einschließlich Abstand.
BreiteBreite der Schaltfläche.
HöheHöhe der Schaltfläche.
Hintergrundbild-Das Bild, das für einen bestimmten Schaltflächenstatus angezeigt wird.
Hintergrundposition

Positionieren Sie sie innerhalb des Bildsets, wenn CSS-Sprites verwendet werden.

Siehe auch CSS Sprites-.

NOTE
Diese Schaltfläche unterstützt die state-Attributauswahl, mit der verschiedene Skins auf verschiedene Schaltflächenzustände angewendet werden können.

Die QuickInfo der Schaltfläche kann lokalisiert werden. Siehe Lokalisierung von Benutzeroberflächenelementen für weitere Informationen.

Beispiel: Eine große Schaltfläche für die vorherige Seite mit einer Größe von 56 x 56 Pixel wird vertikal zentriert und am linken Viewer-Rahmen verankert. Für jeden der vier verschiedenen Schaltflächenstatus wird ein anderes Bild angezeigt.

.s7ecatalogviewer .s7ecatleftbutton .s7panleftbutton {
bottom:50%;
margin-bottom:-28px;
left:0px;
width:56px;
height:56px;
}
.s7ecatalogviewer .s7ecatleftbutton .s7panleftbutton [state='up'] {
background-image:url(images/v2/LeftButton_dark_up.png);
}
.s7ecatalogviewer .s7ecatleftbutton .s7panleftbutton [state='over'] {
background-image:url(images/v2/LeftButton_dark_over.png);
}
.s7ecatalogviewer .s7ecatleftbutton .s7panleftbutton [state='down'] {
background-image:url(images/v2/LeftButton_dark_down.png);
}
.s7ecatalogviewer .s7ecatleftbutton .s7panleftbutton [state='disabled'] {
background-image:url(images/v2/LeftButton_dark_disabled.png);
}
Vorherige SeiteSchaltfläche „Letzte Seite“
Nächste SeiteLink-Freigabe

Experience Manager