Wie kann ich die Abstände zwischen den Fragen ändern?

Der Jotform Formular-Generator ist sehr flexibel und ermöglicht Ihnen die individuelle Anpassung Ihrer Formulare. Auch der Standard-Feldabstand lässt sich an Ihre Bedürfnisse und Ihr design anpassen. Wenn Sie den Abstand zwischen den Fragen verringern, ändert sich Ihr Formular:

Von hier:

Zu diesem:

Watch on youtube

How to modify the spacing between questions in Jotform

Sie können den Abstand der Fragen im Formular-Generator über die Registerkarte Stile des Formulareditors oder des erweiterten Designers ändern.

Abstand der Fragen

Am einfachsten lässt sich der Abstand über die Registerkarte Stile im Formulareditor anpassen. So geht’s:

1. Klicken Sie im Formular-Generator auf das Symbol Formular-Editor.
2. Wählen Sie den Tab Stile.
3. Ändern Sie den Wert der Option Abstand zwischen Fragen. Der hier einzugebende Wert wird in Pixeln angegeben.

Benutzerdefiniertes CSS einfügen

Wenn Sie den Wert durch andere Einheiten ersetzen möchten, können Sie dies durch das Einfügen von benutzerdefiniertem CSS-Code tun. Gehen Sie dazu wie folgt vor, um zum Tab Stile des Formulareditors zu gelangen, navigieren Sie zum Feld Benutzerdefiniertes CSS einfügen und geben Sie Folgendes ein:

.form-line {
    margin-bottom: 3px;
}

Sie können dieser Anleitung folgen, um die Codes einzufügen: Wie man benutzerdefinierten CSS-Code in Ihr Formular einfügt.

Erweiterter Designer

Sie können den Abstand zwischen den Formularfeldern auch über denErweiterten Designer ändern. Um den Erweiterten Designer zu öffnen, klicken Sie einfach auf die Schaltfläche Erweiterter Designer unten im Tab Stile des Formulareditors-Fensters.

Unter dem Design-Tab der Seite des Erweiterten Designers erweitern Sie den Abschnitt Zeilenlayout und passen Sie Folgendes an:

• Zeilenabstand — Dies ist der Hauptabstand zwischen den einzelnen Fragen.
• Vertikaler Abstand — Passen Sie den wert dieser Option an, um den vertikalen Abstand zwischen den einzelnen Fragen zu verringern oder zu vergrößern.
• Horizontaler Abstand — Passen Sie diesen Wert an, um den linken und rechten Abstand jedes Feldes zu ändern.

Zum Schluss nicht vergessen, auf die Speichern-Schaltfläche oben links im Erweiterten Designer zu klicken. Sie können zum Formular Generators zurückkehren, indem Sie auf das Jotform Icon oben rechts auf der Seite klicken. Die obigen Schritte sind in dem folgenden kurzen GIF dargestellt: