Rechterkant draaien, knop spin-right-button

Als u op deze knop klikt of erop tikt, draait u de afbeelding rechts in de hoofdweergave. Deze knop wordt niet weergegeven op mobiele telefoons om de schermruimte op te slaan. De knop is ook verborgen wanneer een multidimensionale centrifugeset wordt gebruikt. U kunt de grootte, de huid, en de positie van de knoop gebruikend CSS.

CSS eigenschappen van de spin knopen

De knop wordt toegevoegd aan een interne container die wordt beheerd met de CSS-klassenkiezer:

.s7spinviewer .s7spinbuttons

De weergave van deze knop in de container wordt bepaald door de CSS-klassenkiezer:

.s7spinviewer .s7spinbuttons .s7panrightbutton

De knopinfo kan worden gelokaliseerd. Zie Localisatie van gebruikersinterfaceelementenvoor meer informatie.

Voorbeeld - Een knop naar rechts draaien van 28 x 28 pixels instellen en deze op de rechterrand van de binnencontainer plaatsen. En tenslotte, toont een verschillend beeld voor elk van de vier verschillende knoopstaten:

.s7spinviewer .s7spinbuttons .s7panrightbutton {
 position:absolute;
 right: 0px;
 width:28px;
 height:28px;
 background-size:contain;
 }
.s7spinviewer .s7spinbuttons .s7panrightbutton[state='up'] {
background-image:url(images/v2/SpinRightButton_light_up.png);
}
.s7spinviewer .s7spinbuttons .s7panrightbutton[state='over'] {
background-image:url(images/v2/SpinRightButton_light_over.png);
}
.s7spinviewer .s7spinbuttons .s7panrightbutton[state='down'] {
 background-image:url(images/v2/SpinRightButton_light_down.png);
}
.s7spinviewer .s7spinbuttons .s7panrightbutton[state='disabled'] {
 background-image:url(images/v2/SpinRightButton_light_disabled.png);
}