Das Erscheinungsbild der Schaltfläche "Herunterladen"wird mit der folgenden CSS-Klassenauswahl gesteuert:
.s7ecatalogsearchviewer .s7download
CSS-Eigenschaften der Schaltfläche "Herunterladen"
margin-top |
Der Offset vom oberen Rand der Steuerleiste. |
margin-left |
Der Abstand zur nächsten Schaltfläche links oder zur linken Seite der Steuerungsleiste, wenn dies die erste Schaltfläche in einer Zeile ist. |
width |
Breite der Schaltfläche. |
height |
Höhe der Schaltfläche. |
background-image |
Das Bild, das für einen bestimmten Schaltflächenstatus angezeigt wird. |
background-position |
Position innerhalb des Bildausschnitt, wenn CSS-Sprites verwendet werden. Siehe auch CSS-Sprites . |
Diese Schaltfläche unterstützt die Attributauswahl state
, mit der verschiedene Skins auf verschiedene Schaltflächenzustände angewendet werden können.
Die QuickInfo für Schaltflächen kann lokalisiert werden. Weitere Informationen finden Sie unter Lokale Anpassung der Elemente der Benutzeroberfläche.
Beispiel: Zum Einrichten einer Download-Schaltfläche mit 28 x 28 Pixeln und zum Anzeigen eines anderen Bildes für jeden der vier verschiedenen Schaltflächenzustände:
.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);
}