Operation Manual

Nach oben
anzeigt.
1. Wählen Sie ein Widget vom Typ „Überprüfung - Textfeld“ im Dokumentfenster aus.
2. Geben Sie im Eigenschafteninspektor („Fenster“ > „Eigenschaften“) im Textfeld „Tipp“ einen Tipp ein.
Ungültige Zeichen sperren
Sie können verhindern, dass Benutzer ungültige Zeichen in ein Widget vom Typ „Überprüfung - Textfeld“ eingeben. Wenn Sie diese Option
beispielsweise für ein Widget mit dem Überprüfungstyp „Ganzzahl“ auswählen, können nur ganze Zahlen eingegeben werden.
1. Wählen Sie ein Widget vom Typ „Überprüfung - Textfeld“ im Dokumentfenster aus.
2. Wählen Sie im Eigenschafteninspektor („Fenster“ > „Eigenschaften“) die Option „Muster erzwingen“ aus.
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.
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:
Zu ändernder Text Relevante CSS-Regel Relevante zu ändernde Eigenschaften
Text der Fehlermeldung
.textfieldRequiredState
.textfieldRequiredMsg,
.textfieldInvalidFormatState
.textfieldInvalidFormatMsg,
.textfieldMinValueState
.textfieldMinValueMsg,
.textfieldMaxValueState
.textfieldMaxValueMsg,
.textfieldMinCharsState
.textfieldMinCharsMsg,
.textfieldMaxCharsState
.textfieldMaxCharsMsg
color: #CC3333; border: 1px solid
#CC3333;
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 ändernde Farbe Relevante CSS-Regel Relevante zu ändernde Eigenschaft
Hintergrundfarbe des Widgets im
gültigen Zustand
.textfieldValidState input,
input.textfieldValidState
background-color: #B8F5B1;
Hintergrundfarbe des Widgets im
ungültigen Zustand
input.textfieldRequiredState,
.textfieldRequiredState input,
input.textfieldInvalidFormatSt
ate,
.textfieldInvalidFormatState
input,
input.textfieldMinValueState,
.textfieldMinValueState input,
input.textfieldMaxValueState,
.textfieldMaxValueState input,
input.textfieldMinCharsState,
.textfieldMinCharsState input,
input.textfieldMaxCharsState,
.textfieldMaxCharsState input
background-color: #FF9F9F;
304