Knop Volgende pagina next-page-button
Als u op deze knop klikt of erop tikt, gaat de gebruiker naar de volgende 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 belangrijkste viewergebied
De vormgeving van de knop wordt bepaald door de volgende CSS-klassenkiezer:
.s7ecatalogviewer .s7toolbarrightbutton .s7panrightbutton
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 voor de volgende pagina instellen met een afstand van 28 x 28 pixels vanaf de onderkant en een positie van 250 pixels vanaf de rechterrand van de hoofdbesturingsbalk. En tenslotte, en toont een verschillend beeld voor elk van de vier verschillende knoopstaten.
.s7ecatalogviewer .s7toolbarrightbutton .s7panrightbutton {
bottom:4px;
right:250px;
width:32px;
height:32px;
}
.s7ecatalogviewer .s7toolbarrightbutton .s7panrightbutton [state='up'] {
background-image:url(images/v2/ToolBarRightButton_dark_up.png);
}
.s7ecatalogviewer .s7toolbarrightbutton .s7panrightbutton [state='over'] {
background-image:url(images/v2/ToolBarRightButton_dark_over.png);
}
.s7ecatalogviewer .s7toolbarrightbutton .s7panrightbutton [state='down'] {
background-image:url(images/v2/ToolBarRightButton_dark_down.png);
}
.s7ecatalogviewer .s7toolbarrightbutton .s7panrightbutton [state='disabled'] {
background-image:url(images/v2/ToolBarRightButton_dark_disabled.png);
}