DocumentatieNaslaggids voor dynamische mediasviewers

Downloaden download

Last update: Tue Oct 14 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Onderwerpen:

Gemaakt voor:

  • Ontwikkelaar
  • Gebruiker

De weergave van de knop Download wordt bepaald door de volgende CSS-klassenkiezer:

.s7ecatalogsearchviewer .s7download

CSS eigenschappen van de knoop van de Download

margin-top
De verschuiving vanaf de bovenkant van de besturingsbalk.
margin-left
De afstand tot de volgende knoop op de linkerzijde, of de linkerkant van de controlebar als deze knoop eerste in een rij is.
width
Breedte van de knop.
height
Hoogte van de knop.
background-image
De afbeelding die voor een bepaalde knopstatus wordt weergegeven.
background-position

Positie binnen illustratie-sprite, als CSS-sprites worden gebruikt.

Zie ook CSS Sprites.

NOTE
Deze knop ondersteunt de kenmerkenkiezer van 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 - voor het instellen van een downloadknop van 28 x 28 pixels en het weergeven van een andere afbeelding voor elk van de vier verschillende knopstatussen:

.s7ecatalogsearchviewer .s7download {
 margin-top: 4px;
margin-left: 10px;
 width:28px;
 height:28px;
}
.s7ecatalogsearchviewer .s7download[state='up'] {
background-image:url(images/v2/Dowmload_dark_up.png);
}
.s7ecatalogsearchviewer .s7download[state='over'] {
background-image:url(images/v2/Dowmload_dark_over.png);
}
.s7ecatalogsearchviewer .s7download[state='down'] {
background-image:url(images/v2/Dowmload_dark_down.png);
}
.s7ecatalogsearchviewer .s7download[state='disabled'] {
background-image:url(images/v2/Dowmload_dark_disabled.png);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8