Wie kann ich meinen Formularstyle anpassen?
Formulare sind ein nützliches Werkzeug in verschiedenen Kontexten, um Informationen von Benutzern zu erfassen oder Rückmeldungen zu erhalten. Sie dienen dazu, Informationen zu organisieren, Daten standardisiert zu erfassen und Kommunikationseffizienz zu verbessern. Der Formularstyle kann an die Corporate Identity (CI) eines Unternehmens angepasst werden. Durch eine einheitliche Gestaltung wird das Erscheinungsbild des Formulars einheitlich. Hier zeigen wir Ihnen, wie Sie einen Formularstyle anpassen können.
- Klicken Sie in der Navigationsleiste auf Style
- Wählen Sie den zu bearbeitenden Style aus
- Klicken Sie im Menü links auf die Rubrik Forms
- Klicken Sie auf den zu bearbeitenden Formularstyle, um das Fenster Edit Forms zu öffnen oder wählen Sie im Dreipunkte Menü des jeweiligen Formularstyles den Punkt Bearbeiten aus
Schriftformat
Sie können für Ihr Formular eine Schrift verwenden, die in der Rubrik "Fonts" definiert ist. Falls Sie andere Schriftarten benötigen, können Sie diese ebenfalls in Ihrem Style anlegen.
- Klicken Sie auf das Feld Font family
- Wählen Sie im Dropdown Menü Ihr gewünschtes Schriftformat, durch einen Klick aus
Farben definieren
Sie können die Farben für jedes Formularfeld und jede Interaktion festlegen. Zum Beispiel können Sie die Farben für den Standardtext, den Fokus, das Ausfüllen, die Deaktivierung, den Fehler und das Hovern individuell anpassen. im folgenden werden die einzelnen Felder genauer erklärt:
- Default: Dies ist die Farbe, die standardmäßig für den Text in einem Formularfeld verwendet wird, wenn der Nutzer noch nicht damit interagiert hat. Es ist normalerweise eine neutrale Farbe, die gut lesbar ist.
- Focus: Dies ist die Farbe, die erscheint, wenn der Nutzer in ein Formularfeld klickt oder es auf eine andere Weise aktiviert. Normalerweise ist es eine hervorgehobene Farbe, die zeigt, dass das Feld aktiv ist.
- Filled: Dies ist die Farbe, die erscheint, wenn der Nutzer das Formularfeld ausgefüllt hat oder einen Wert ausgewählt hat. Es zeigt an, dass das Feld erfolgreich ausgefüllt wurde.
- Disabled: Dies ist die Farbe, die erscheint, wenn das Formularfeld deaktiviert ist und der Nutzer es nicht ausfüllen oder aktivieren kann. Normalerweise ist es eine ausgegraute oder blasse Farbe, um anzuzeigen, dass das Feld nicht verfügbar ist.
- Error: Dies ist die Farbe, die erscheint, wenn ein Feld fehlerhaft oder ein Pflichtfeld gar nicht ausgefüllt wurde. Es zeigt an, dass ein Fehler aufgetreten ist und das Feld überprüft oder korrigiert werden muss. Normalerweise ist es eine auffällige Farbe wie Rot, um die Aufmerksamkeit des Nutzers zu erregen.
- Hover: Dies ist die Farbe, die erscheint, wenn der Nutzer mit dem Mauszeiger über ein Formularfeld fährt oder es auswählt. Normalerweise ist es eine hervorgehobene Farbe, um anzuzeigen, dass das Feld ausgewählt oder aktiv ist.
Background color: Die Hintergrundfarbe eines Formulars kann ebenfalls angepasst werden. Dabei ist darauf zu achten, dass diese sich optisch von den oben beschriebenen Farben abhebt, um die Lesbarkeit sicherzustellen. Eine neutrale Farbe wie Weiß eignet sich oft am besten, da sie nicht von den Formularfeldern ablenkt und den Fokus auf die Eingaben des Nutzers lenkt.
Rahmen und Kanten
- Klicken Sie auf das Feld Border und wählen Sie den Stil des Rahmens
- Keiner (Keinen Rahmen)
- Durchgängig
- Gepunktet
- Gestrichelt
- Wenn Sie auf das quadratische Feld neben dem Formularfeld (links) klicken, wird ein Rahmen um das gesamte Formularfeld gelegt
- Wenn Sie auf das quadratische Feld mit den gestrichelten Linien (rechts) klicken, wird nur der untere Rand des Formularfelds angezeigt
- Im Corner radius können Sie angeben, wie stark die Kanten des Formularfelds abgerundet sein sollen
Speichern
Nachdem Sie alle gewünschten Einstellungen vorgenommen haben, vergessen Sie bitte nicht, auf den Speichern-Button zu klicken. Beachten Sie, dass alle Änderungen verloren gehen, wenn Sie das Fenster schließen, ohne auf den "Speichern"-Button zu klicken.