Knop Vorige pagina previous-page-button
Als u op deze knop klikt of erop tikt, wordt de gebruiker naar de vorige pagina in de catalogus verplaatst. Deze knop wordt weergegeven in de hoofdbesturingsbalk. Deze knop wordt niet weergegeven op mobiele telefoons om de schermruimte op te slaan. U kunt deze knop vergroten, verkleinen, verkleinen en plaatsen met CSS.
CSS eigenschappen van het belangrijkste viewergebied
De vormgeving van de knop wordt bepaald door de volgende CSS-klassenkiezer:
.s7ecatalogviewer .s7toolbarleftbutton .s7panleftbutton
Positie binnen illustratie-sprite, als CSS-sprites worden gebruikt.
Zie ook CSS Sprites.
state , die kan worden gebruikt om verschillende skins toe te passen op verschillende knoptoestanden.De knopinfo kan worden gelokaliseerd. Zie Localisatie van gebruikersinterfaceelementen voor meer informatie.
Voorbeeld - Een knop van een vorige pagina instellen die 28 x 28 pixels lang is en die zich 4 pixels van de onderkant en 250 pixels van de rechterrand van de hoofdbesturingsbalk bevindt. En tenslotte, toont een verschillend beeld voor elk van de vier verschillende knoopstaten.
.s7ecatalogviewer .s7toolbarleftbutton .s7panleftbutton {
bottom:4px;
left:250px;
width:32px;
height:32px;
}
.s7ecatalogviewer .s7toolbarleftbutton .s7panleftbutton [state='up'] {
background-image:url(images/v2/ToolBarLeftButton_dark_up.png);
}
.s7ecatalogviewer .s7toolbarleftbutton .s7panleftbutton [state='over'] {
background-image:url(images/v2/ToolBarLeftButton_dark_over.png);
}
.s7ecatalogviewer .s7toolbarleftbutton .s7panleftbutton [state='down'] {
background-image:url(images/v2/ToolBarLeftButton_dark_down.png);
}
.s7ecatalogviewer .s7toolbarleftbutton .s7panleftbutton [state='disabled'] {
background-image:url(images/v2/ToolBarLeftButton_dark_disabled.png);
}