PlatoForms User Guide
Ctrl+K

  • Form Builder

    Creating an Online Form for an Existing PDF

  • Custom Domain

    With Builder you can build three types of forms: online web forms, online PDF forms, and master forms.

  • Master Form Builder

    you will arrive at the Form Builder. On the form Builder, there are three main sections:

What's new? API Docs

Web-PDF-Formular entwerfen

Tabs

Verwenden Sie Vorschau & Design, um das Aussehen Ihres Web-PDF-Formulars anzupassen. Sie können:

  • Ein Thema anwenden und es sofort in der Vorschau anzeigen.
  • Ein Logo hinzufügen und Farben, Schriftarten, Abstände und Layout anpassen.
  • Ihr Design als gemeinsames Team-Thema speichern oder ein bestehendes aktualisieren.
  • Benutzerdefiniertes CSS oder JavaScript für erweiterte Änderungen verwenden.

Zugriff auf den Formulardesigner

  1. Öffnen Sie Ihr bestehendes Web-PDF-Formular vom Dashboard.

  2. Klicken Sie auf die Schaltfläche Vorschau & Design im Formular-Builder oben links.

    Formulardesigner öffnen

    Dies öffnet eine Vorschau, in der Sie das Design Ihres Formulars anpassen können.

Ein Thema anwenden

Themen ermöglichen es Ihnen, das gesamte Erscheinungsbild Ihres Formulars schnell zu ändern.

  1. Klicken Sie in Vorschau & Design auf Formular entwerfen in der oberen rechten Ecke.

    Schaltfläche Formular entwerfen in Vorschau und Design

  2. Klicken Sie im Panel auf der linken Seite auf Themen durchsuchen.

    Themen durchsuchen im Formular-Entwurfspanel

  3. Wählen Sie ein Thema aus. Die Vorschau auf der rechten Seite wird sofort aktualisiert.

Ein Design als gemeinsames Formular-Thema speichern

Speichern Sie Ihr aktuelles Design als neues Thema, das andere Mitglieder Ihres Teams verwenden können.

  1. Klicken Sie in Vorschau & Design auf Formular entwerfen und passen Sie das Formular an.

  2. Klicken Sie unten im Panel auf der linken Seite auf Teilen.

    Aktuelles Formulardesign als Team-Thema teilen

  3. Geben Sie im Dialog Thema teilen einen Themennamen ein und klicken Sie auf Speichern.

    Das neue gemeinsame Thema erscheint unter Themen durchsuchen.

Ein gemeinsames Thema aktualisieren oder löschen

Verwenden Sie die Steuerelemente auf der Karte eines gemeinsamen Themas, um es zu aktualisieren oder zu löschen.

  1. Klicken Sie in Formular entwerfen auf Themen durchsuchen.

  2. Finden Sie das gemeinsame Thema und klicken Sie auf sein rotes Bearbeitungssymbol.

    Ein bestehendes gemeinsames Formular-Thema aktualisieren

  3. Ändern Sie den Themennamen bei Bedarf und klicken Sie auf Speichern. Dies aktualisiert das gemeinsame Thema mit dem aktuellen Design des Formulars.

Um ein gemeinsames Thema zu löschen, klicken Sie auf das rote Papierkorbsymbol auf seiner Karte und bestätigen Sie die Löschung.

Das Formulardesign anpassen

Sie können auch weitere Anpassungen an den Formularstilen vornehmen. Alle Änderungen werden sofort in der Vorschau angezeigt.

  1. Klicken Sie in Vorschau & Design auf Formular entwerfen in der oberen rechten Ecke.

  2. Passen Sie das Design nach Bedarf an.

    Note

    Erfahren Sie mehr über verfügbare Anpassungsoptionen im Abschnitt Formulardesign-Eigenschaften.

  3. Nachdem Sie Ihre gewünschten Änderungen vorgenommen haben, klicken Sie auf Speichern, um Ihre Änderungen anzuwenden.

Formulardesign-Eigenschaften

Eigenschaft Beschreibung
Erscheinungsbild Passen Sie das visuelle Thema des Formulars an:

  • System Auto: Passt sich den Geräteeinstellungen des Benutzers an.
  • Nur Hellmodus: Sorgt für ein helles, klares Erscheinungsbild mit einem konsistenten hellen Thema.
  • Nur Dunkelmodus: Verwendet ein dunkles Farbschema, um die Augenbelastung in Umgebungen mit wenig Licht zu reduzieren.
Wenn System Auto ausgewählt ist, verwenden Sie die Hell- und Dunkel-Schaltflächen, um in der Vorschau anzuzeigen, wie das Formular in verschiedenen Modi aussieht.
Logo Laden Sie ein PNG oder JPG (max. 10 MB) hoch, um ein Logo im Formular anzuzeigen.

  • Eingebettetes Logo: Passt die Größe automatisch an und integriert das Logo im Formular.
  • Logo-Hintergrund: Passen Sie die Hintergrundfarbe hinter dem Logo an.
  • Logo-Größe: Wenn Eingebettetes Logo deaktiviert ist, passen Sie die Größe manuell an. Die Standardplatzierung ist außerhalb des Formulars, in der oberen linken Ecke.
  • Logo-Position: Wählen Sie die Ausrichtung: Links, Zentriert oder Rechts.
Navigationsleiste Wenn Ihr Formular mehrere Seiten hat, fügt das Aktivieren der Navigationsleiste ein oberes Menü hinzu, das es Benutzern ermöglicht, zwischen den Seiten zu wechseln.

Hinweis: Um Seiten hinzuzufügen, fügen Sie beim Entwerfen Ihres Formulars einen Seitenumbruch ein.
Navigationsleisten-Stil Sobald die Navigationsleiste aktiviert ist, wählen Sie einen Stil, der zum Design Ihres Formulars passt. Optionen können Tabs, Fortschrittsbalken oder Seitenleisten-Navigation umfassen.
Hilfetext Wenn Sie Hilfetext für Formularfelder hinzugefügt haben, wählen Sie aus, wo er angezeigt wird:

  • Unter dem Feld: Platziert den Hilfetext unter dem Eingabefeld.
  • Unter dem Label: Positioniert den Hilfetext unter dem Feldlabel.
RTL-Formular Zeigt das Formular in einem von rechts nach links Layout an, geeignet für Sprachen wie Arabisch, Hebräisch und Persisch. Diese Einstellung beeinflusst die Textausrichtung und die allgemeine Formulardirektion.
Abgerundete Ecken Fügt den Elementen des Formulars abgerundete Ecken hinzu, um ein glatteres, modernes Erscheinungsbild zu erzielen.
Materialstil Verwendet ein minimalistisches Design mit geraden Linien für Eingabefelder, ähnlich dem Material Design.
Formularbreite Passt die Gesamtbreite des Formulars an. Optionen umfassen:

  • S (Klein): Kompaktes Layout.
  • M (Mittel): Ausgewogene Breite.
  • L (Groß): Erweitert das Formular für breitere Bildschirme.
  • Voll: Streckt das Formular über die gesamte Breite des Containers.
Formularrand Legt den Abstand um die Ränder des Formulars fest. Optionen umfassen:

  • Keine: Kein zusätzlicher Abstand.
  • S (Klein): Minimaler Abstand.
  • M (Mittel): Moderater Abstand für ein strukturierteres Erscheinungsbild.
Schriftart Verwenden Sie die Standardschriftart des Systems oder laden Sie eine benutzerdefinierte Schriftart hoch, um die Identität Ihrer Marke widerzuspiegeln.
Schriftgröße Passen Sie die Textgröße an, um die Lesbarkeit zu gewährleisten. Verfügbare Größen reichen von Klein bis Extra Groß.
Zeilenabstand Steuert den Abstand zwischen den Textzeilen. Optionen: XS, S, M, L oder XL für optimale Lesbarkeit.
Label-Layout Definiert die Anordnung der Labels im Verhältnis zu den Eingabefeldern. Wenn Angepasst ausgewählt ist, kehren Sie zum Eigenschaften-Panel jedes Feldes zurück, um die Positionen der einzelnen Labels anzupassen.
Label-Breite Gibt die Breite der Feldlabels an, um eine konsistente Ausrichtung über die Formularelemente hinweg zu gewährleisten.

Weitere benutzerdefinierte Stile

Sie können das Erscheinungsbild und das Verhalten Ihres Formulars weiter anpassen, indem Sie die Funktion Weitere benutzerdefinierte Stile verwenden.

  1. Klicken Sie im Formular-Editor auf die Schaltfläche Weitere benutzerdefinierte Stile.

    Designer-Formular

  2. Wählen Sie aus drei Anpassungsoptionen:

    • Design-Tab: Ändern Sie Hintergrundbilder, passen Sie die Bannergröße an und modifizieren Sie Layoutelemente.
    • CSS-Tab: Fügen Sie benutzerdefiniertes CSS hinzu, um Schriftarten, Farben und Abstände zu gestalten.
    • JS-Tab: Verwenden Sie JavaScript, um Labels anzupassen, Logik hinzuzufügen und das Formularverhalten zu steuern.
    Note

    JavaScript ist sicher und funktioniert nur mit benutzerdefinierten Domains, um die Sicherheit zu gewährleisten.

  3. Nachdem Sie Anpassungen vorgenommen haben, klicken Sie auf Speichern, um Ihre Änderungen anzuwenden.

Is the content helpful?
Give feedback about this article