Knappen Stor föregående sida large-previous-page-button
Om du väljer den här knappen kommer användaren till föregående sida i katalogen. Den här knappen visas i huvudkontrollfältet. Den här knappen visas inte på mobiltelefoner för att spara skärmutrymme. 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:
.s7ecatalogsearchviewer .s7ecatleftbutton .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 stor knapp för föregående sida som är 56 x 56 pixlar lodrätt centrerad och förankrad vid den vänstra visningsprogrammets kant, och visa en bild för var och en av de fyra olika knapplägena.
.s7ecatalogsearchviewer .s7ecatleftbutton .s7panleftbutton {
bottom:50%;
margin-bottom:-28px;
left:0px;
width:56px;
height:56px;
}
.s7ecatalogsearchviewer .s7ecatleftbutton .s7panleftbutton [state='up'] {
background-image:url(images/v2/LeftButton_dark_up.png);
}
.s7ecatalogsearchviewer .s7ecatleftbutton .s7panleftbutton [state='over'] {
background-image:url(images/v2/LeftButton_dark_over.png);
}
.s7ecatalogsearchviewer .s7ecatleftbutton .s7panleftbutton [state='down'] {
background-image:url(images/v2/LeftButton_dark_down.png);
}
.s7ecatalogsearchviewer .s7ecatleftbutton .s7panleftbutton [state='disabled'] {
background-image:url(images/v2/LeftButton_dark_disabled.png);
}