Alle Formulare, die in Jotform erstellt werden, haben zwei eingebaute Funktionen, die den meisten von Ihnen bekannt sein dürften: den Highlight-Effekt und den Fehlerstatus.
Hervorhebungseffekt
Fehlerstatus
Sie können diese beiden deaktivieren oder beide anpassen, um ihr Aussehen im Formular zu verbessern.
Hinweise
- Wir haben ein neues Standardthema im Formular-Generator. Die Hervorhebung und der Fehlerstatus für das neue Standardthema unterscheiden sich ein wenig von dem des alten. Wir haben diese Anleitung für das alte Standardthema erstellt. Wenn Sie Hilfe mit dem neuen Standardthema benötigen, erreichen Sie uns über unser Support Center.
- Eine visuelle Warnung/Fehlermeldung ist eine Grundvoraussetzung für Formularvalidierung und etwas, das nicht deaktiviert werden sollte. Die Benutzer brauchen jede Hilfe, die sie bekommen können, um informiert zu werden, wenn sie ein Feld übersehen oder falsch ausgefüllt haben. Ohne eine angemessene Fehlermeldung oder eine Warnung, die sie visuell darauf hinweist, was falsch ist, wird es wahrscheinlich zu Verwirrung kommen, was zu einer niedrigen Ausfüllrate führt.
Wie Sie den Highlight-Effekt deaktivieren können?
- Klicken Sie im Formular-Generator oben auf Einstellungen.
- Klicken Sie auf den Button Mehr Optionen Anzeigen.
- Sie müssen nach unten scrollen, nach der Option Hervorhebungseffekt suchen und sie auf Deaktiviert setzen.
Wie Sie die Fehlerzustandsmeldungen entfernen können?
Wenn Sie es vorziehen, sie zu deaktivieren, sollten Sie zumindest einen einfachen oder subtilen Hinweis hinterlassen, dass ein Feld die Aufmerksamkeit des Benutzers benötigt, wenn es einen Fehler auslöst. Und dafür müssten wir einen benutzerdefinierten CSS-Code einfügen, um die Fehlerzustände des Formulars zu deaktivieren.
.form-error-message {
display: none;
}
.form-validation-error {
box-shadow: none !important;
}
.form-line-error {
background: none;
}Der obige Code entfernt die Fehlermeldung und hinterlässt einen einfachen roten Rahmen um das Feld mit dem Fehler. Sehen Sie sich das folgende Bild als Beispiel an:
Wie Sie den Highlight-Effekt anpassen können?
Sie können den Hervorhebungseffekt über den Advanced Designer anpassen. Sie können ihn auch mit benutzerdefinierten CSS-Codes anpassen. Wenn Sie diese Methode bevorzugen, kontaktieren Sie uns über unser Support Center für Hilfe.
- Klicken Sie im Formular-Generator auf das Symbol Formular-Designer (Farbroller) auf der linken Seite des Bildschirms.
- Scrollen Sie nach unten und klicken Sie auf den Erweiterter Designer Button.
- Im Abschnitt Farbschema des erweiterten Designers markieren Sie die Option Hervorhebung simulieren.
- Klicken Sie auf das entsprechende Zahnrad Icon rechts daneben, um Ihre Anpassungsoptionen zu sehen.
- Denken Sie bitte daran, auf den Button Speichern oben links im erweiterten Designer zu klicken, um Ihre Änderungen zu speichern.
Wie Sie die Fehlerzustände anpassen können?
Sie müssen dieselben Schritte wie oben ausführen, aber diesmal markieren Sie das Kontrollkästchen Fehlerzustand simulieren und das dazugehörige Zahnrad Icon.
Sie können aus vier unserer Fehlerstatusvorlagen wählen. Nachdem Sie Ihren bevorzugten Stil ausgewählt haben, denken Sie bitte daran, auf den Speichern Button zu klicken, um Ihre Änderungen zu speichern.
Sie können unser Demo-Formular hier ansehen.
Kommentar abschicken: