Knappen Sista sidan last-page-button
Om du markerar eller trycker på den här knappen flyttas användaren till den sista sidan i katalogen. Den här knappen visas i huvudkontrollfältet på stationära datorer och surfplattor. på mobiltelefoner läggs den till i ett sekundärt kontrollfält. Du kan ändra storlek, skal och position för knappen med hjälp av CSS.
CSS-egenskaper för huvudvisningsområdet
Knappens utseende styrs med följande CSS-klassväljare:
.s7ecatalogviewer .s7lastpagebutton .s7panleftbutton
Placera inuti en teckningssprite, om CSS-sprites används.
Se även CSS-fragment.
state
attributväljare, som kan användas för att tillämpa olika skal på olika knapplägen.Knappens funktionsbeskrivning kan lokaliseras. Se Lokalisering av användargränssnittselement för mer information.
Exempel - Om du vill ställa in en sista sidknapp som är 28 x 28 pixlar och som är placerad 4 pixlar från nederkanten och 220 pixlar från den vänstra kanten av huvudkontrollfältet. Slutligen visas olika bilder för de fyra olika knapplägena.
.s7ecatalogviewer .s7lastpagebutton .s7panrightbutton {
bottom:4px;
right:220px;
width:32px;
height:32px;
}
.s7ecatalogviewer .s7lastpagebutton .s7panrightbutton [state='up'] {
background-image:url(images/v2/LastPageButton_dark_up.png);
}
.s7ecatalogviewer .s7lastpagebutton .s7panrightbutton [state='over'] {
background-image:url(images/v2/LastPageButton_dark_over.png);
}
.s7ecatalogviewer .s7lastpagebutton .s7panrightbutton [state='down'] {
background-image:url(images/v2/LastPageButton_dark_down.png);
}
.s7ecatalogviewer .s7lastpagebutton .s7panrightbutton [state='disabled'] {
background-image:url(images/v2/LastPageButton_dark_disabled.png);
}