Operation Manual

Table Of Contents
483
VERWENDEN VON DREAMWEAVER
Spry-Seiten visuell erstellen
Last updated 10.4.2012
Widget „Überprüfung - Textfeld“ anpassen
Sie können mit dem Eigenschafteninspektor zwar einfache Änderungen an einem solchen Widget vornehmen,
benutzerdefinierte Stilaufgaben werden allerdings nicht unterstützt. Sie können die CSS-Datei für das Widget ändern,
um den gewünschten Stil zu erhalten. Eine erweiterte Liste mit Stilaufgaben finden Sie unter
www.adobe.com/go/learn_dw_sprytextfield_custom_de.
Alle CSS-Regeln der folgenden Themen beziehen sich auf die Standardregeln in der Datei
„SpryValidationTextField.css“. Jedes Mal, wenn Sie ein Widget vom Typ „Überprüfung - Textfeld“ erstellen, speichert
Dreamweaver die Datei „SpryValidationTextField.css“ im Ordner „SpryAssets“ Ihrer Site. Diese Datei enthält
außerdem nützliche kommentierte Informationen zu verschiedenen Stilen für das Widget.
Sie können die Regeln für dieses Widget entweder schnell und einfach in der CSS-Datei oder mit dem Bedienfeld „CSS-
Stile“ bearbeiten. Dieses Bedienfeld vereinfacht, speziell bei Verwendung des Modus „Aktuell“, das Auffinden der
CSS-Klassen, die den verschiedenen Bereichen des Widgets zugewiesenen sind.
More Help topics
Das Bedienfeld „CSS-Stile“ im Modus „Aktuell“” on page 139
Fehlermeldungs-Textstil für das Widget „Überprüfung - Textfeld“
Fehlermeldungen für das Widget „Überprüfung - Textfeld“ werden in Rot mit einem 1 Pixel breiten Rahmen um den
Text angezeigt.
Um den Textstil für Fehlermeldungen des Widgets zu ändern, suchen Sie in der folgenden Tabelle die
entsprechende CSS-Regel und ändern Sie dann die Standardeigenschaften oder fügen Sie benutzerdefinierte
Eigenschaften und Werte für den Textstil hinzu:
Hintergrundfarben des Widgets „Überprüfung - Textfeld“ ändern
Um die Hintergrundfarben eines Widgets vom Typ „Überprüfung - Textfeld“ zu ändern, suchen Sie in folgender
Tabelle die richtige CSS-Datei und ändern Sie die Standardwerte:
Zu ändernder Text Dazugehörige CSS-Regel Zu ändernde dazugehörige
Regeln
Text der Fehlermeldung
.textfieldRequiredState .textfieldRequiredMsg,
.textfieldInvalidFormatState
.textfieldInvalidFormatMsg, .textfieldMinValueState
.textfieldMinValueMsg, .textfieldMaxValueState
.textfieldMaxValueMsg, .textfieldMinCharsState
.textfieldMinCharsMsg, .textfieldMaxCharsState
.textfieldMaxCharsMsg
color: #CC3333; border: 1px solid
#CC3333;