Schaltfläche "Erste Seite"

Durch Klicken oder Tippen auf diese Schaltfläche gelangt der Benutzer zur ersten Seite des Katalogs. Diese Schaltfläche wird in der Hauptsteuerungsleiste auf Desktop-Systemen und Tablets angezeigt. auf Mobiltelefonen wird sie 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 .s7firstpagebutton .s7panleftbutton

CSS-Eigenschaft

Beschreibung

Anfang

Position vom oberen Rand der Hauptsteuerungsleiste (auf Desktop-Systemen und Tablets) oder der sekundären Steuerungsleiste (auf Mobiltelefonen), einschließlich Auffüllung.

rechts

Position von der rechten Kante der Hauptsteuerleiste (auf Desktop-Systemen und Tablets) oder der sekundären Steuerleiste (auf Mobiltelefonen), einschließlich Auffüllung.

links

Position vom linken Rand der Hauptsteuerungsleiste (auf Desktop-Systemen und Tablets) oder der sekundären Steuerungsleiste (auf Mobiltelefonen), einschließlich Auffüllung.

unten

Position vom unteren Rand der Hauptsteuerleiste (auf Desktop-Systemen und Tablets) oder der sekundären Steuerleiste (auf Mobiltelefonen), einschließlich Auffüllung.

width

Breite der Schaltfläche.

height

Höhe der Schaltfläche.

background-image

Das Bild, das für einen bestimmten Schaltflächenstatus angezeigt wird.

background-position

Position innerhalb des Bildausschnitt, wenn CSS-Sprites verwendet werden.

Siehe auch CSS-Sprites .

HINWEIS

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

Die QuickInfo für Schaltflächen kann lokalisiert werden. Weitere Informationen finden Sie unter Lokale Anpassung der Elemente der Benutzeroberfläche.

Beispiel: Zum Einrichten einer ersten Seitenschaltfläche mit 28 x 28 Pixeln, die 4 Pixel vom unteren Rand und 220 Pixel vom linken Rand der Hauptsteuerungsleiste positioniert ist, und zum Anzeigen eines anderen Bilds für jeden der vier verschiedenen Schaltflächenzustände.

.s7ecatalogviewer .s7firstpagebutton .s7panleftbutton { 
bottom:4px; 
left:220px; 
width:32px; 
height:32px; 
} 
.s7ecatalogviewer .s7firstpagebutton .s7panleftbutton [state='up'] { 
background-image:url(images/v2/FirstPageButton_dark_up.png); 
} 
.s7ecatalogviewer .s7firstpagebutton .s7panleftbutton [state='over'] {  
background-image:url(images/v2/FirstPageButton_dark_over.png); 
} 
.s7ecatalogviewer .s7firstpagebutton .s7panleftbutton [state='down'] {  
background-image:url(images/v2/FirstPageButton_dark_down.png); 
} 
.s7ecatalogviewer .s7firstpagebutton .s7panleftbutton [state='disabled'] { 
background-image:url(images/v2/FirstPageButton_dark_disabled.png); 
}

Auf dieser Seite