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

CSS-egenskap
Beskrivning
top
Placera från huvudkontrollfältets övre kant (på stationära datorer och surfplattor) eller sekundära kontrollfält (på mobiltelefoner), inklusive utfyllnad.
höger
Placera från höger kant på huvudkontrollfältet (på stationära datorer och surfplattor) eller sekundärt kontrollfält (på mobiltelefoner), inklusive utfyllnad.
vänster
Placera från vänster kant på huvudkontrollfältet (på stationära datorer och surfplattor) eller sekundärt kontrollfält (på mobiltelefoner), inklusive utfyllnad.
nederkant
Placera längst ned i huvudkontrollfältet (på stationära datorer och surfplattor) eller i det sekundära kontrollfältet (på mobiltelefoner), inklusive utfyllnad.
width
Knappens bredd.
height
Knappens höjd.
background-image
Bilden som visas för ett visst knappläge.
background-position

Placera inuti en teckningssprite, om CSS-sprites används.

Se även CSS-fragment.

NOTE
Den här knappen har stöd för 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);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8