Operation Manual

Table Of Contents
491
VERWENDEN VON DREAMWEAVER
Spry-Seiten visuell erstellen
Last updated 10.4.2012
Hintergrundfarben des Widgets „Überprüfung - Auswahl“ ändern
Um die Hintergrundfarben eines Widgets vom Typ „Überprüfung - Auswahl“ zu ändern, suchen Sie in folgender
Tabelle die richtige CSS-Datei und ändern Sie die Standardwerte:
Arbeiten mit dem Spry-Widget „Überprüfung -
Kontrollkästchen“
Widget „Überprüfung - Kontrollkästchen“
Beim Widget vom Typ „Überprüfung - Kontrollkästchen“ handelt es sich um ein einzelnes bzw. eine Gruppe von
Kontrollkästchen in einem HTML-Formular, mit dem/denen bei Auswahl/Nichtauswahl eines Kontrollkästchen
gültige bzw. ungültige Zustände angezeigt werden. So können Sie beispielsweise ein solches Widget zu einem
Formular hinzufügen, in dem der Benutzer drei Optionen auswählen muss. Werden nicht alle Optionen ausgewählt,
gibt das Widget eine entsprechende Fehlermeldung zurück.
Das folgende Beispiel zeigt das Widget „Überprüfung - Kontrollkästchen“ in verschiedenen Zuständen:
A: Widgetgruppe „Überprüfung - Kontrollkästchen“, Auswahl min.-Zustand B: Widget „Überprüfung - Kontrollkästchen“, erforderlicher
Zustand
Text für Stilerstellung Dazugehörige CSS-Regel Zu ändernde dazugehörige Regeln
Text der Fehlermeldung
.selectRequiredState .selectRequiredMsg,
.selectInvalidState .selectInvalidMsg
color: #CC3333; border: 1px solid #CC3333;
Zu ändernde Hintergrundfarbe Dazugehörige CSS-Regel Zu ändernde dazugehörige
Eigenschaft
Hintergrundfarbe des Widgets im Gültig-
Zustand
.selectValidState select,
select.selectValidState
background-color: #B8F5B1;
Hintergrundfarbe des Widgets im Ungültig-
Zustand
select.selectRequiredState,
.selectRequiredState select,
select.selectInvalidState,
.selectInvalidState select
background-color: #FF9F9F;
Hintergrundfarbe des Widgets im Fokus
.selectFocusState select,
select.selectFocusState
background-color: #FFFFCC;
A
B
Die Auswahl ist zu klein
Nehmen Sie eine Auswahl vor