Knop Vorige pagina previous-page-button
Als u deze knop selecteert, komt de gebruiker naar de vorige pagina in de catalogus. 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 hoofdviewergebied
De vormgeving van de knop wordt bepaald door de volgende CSS-klassenkiezer:
.s7ecatalogsearchviewer .s7toolbarleftbutton .s7panleftbutton
Positie binnen illustratie-sprite, als CSS-sprites worden gebruikt.
Zie ook CSS-sprites.
state kenmerkenkiezer, die kan worden gebruikt om verschillende skins toe te passen op verschillende knoptoestanden.De knopinfo kan worden gelokaliseerd. Zie Lokalisatie van gebruikersinterface-elementen voor meer informatie .
Voorbeeld - Om een vorige paginaknoop te zetten die 28 x 28 pixel is, en 4 pixel van de bodem en 250 pixel van de juiste rand van de belangrijkste controlebar wordt geplaatst. En tenslotte, toont een verschillend beeld voor elk van de vier verschillende knoopstaten.
.s7ecatalogsearchviewer .s7toolbarleftbutton .s7panleftbutton {
bottom:4px;
left:250px;
width:32px;
height:32px;
}
.s7ecatalogsearchviewer .s7toolbarleftbutton .s7panleftbutton [state='up'] {
background-image:url(images/v2/ToolBarLeftButton_dark_up.png);
}
.s7ecatalogsearchviewer .s7toolbarleftbutton .s7panleftbutton [state='over'] {
background-image:url(images/v2/ToolBarLeftButton_dark_over.png);
}
.s7ecatalogsearchviewer .s7toolbarleftbutton .s7panleftbutton [state='down'] {
background-image:url(images/v2/ToolBarLeftButton_dark_down.png);
}
.s7ecatalogsearchviewer .s7toolbarleftbutton .s7panleftbutton [state='disabled'] {
background-image:url(images/v2/ToolBarLeftButton_dark_disabled.png);
}