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 gestalten

Tabs

Passen Sie das Erscheinungsbild Ihres Formulars an Ihre Marke an. Sie können:

  • Ihr Logo hinzufügen, Schriftarten ändern und Farben anpassen.
  • Themen anwenden, um schnell den Stil zu aktualisieren.
  • Designeinstellungen feinabstimmen für ein professionelles Erscheinungsbild.

Zugriff auf den Formulardesigner

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

  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.

Themen anwenden

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

  1. Klicken Sie auf die Schaltfläche Themen in der unteren linken Ecke.

    Formularthemen

    Das Themen-Panel wird angezeigt.

  2. Durchsuchen und wählen Sie ein Thema, das zu Ihrem Formular passt.

Als gemeinsames Formularthema speichern

Wenn Sie ein benutzerdefiniertes Thema für Ihr Team möchten, verwenden Sie Als gemeinsames Formularthema speichern.

  1. Klicken Sie auf die Schaltfläche Themen, um das Themen-Panel zu erweitern.

    Formularthemen

  2. Wählen Sie ein Thema oder passen Sie eines an.

  3. Klicken Sie auf Als gemeinsames Formularthema speichern.

    Thema speichern

  4. Benennen Sie Ihr Thema und klicken Sie auf Speichern.

    Jetzt kann Ihr Team dieses Thema auf andere Formulare anwenden.

Formular-Design anpassen

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

  1. Klicken Sie auf der Vorschauseite auf die Schaltfläche Formular gestalten in der oberen rechten Ecke.

    Formular gestalten

    Sie öffnen das Formular gestalten-Panel.

  2. Passen Sie das Design nach Bedarf an.

    Note

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

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

Formular-Design-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 schwach beleuchteten Umgebungen zu reduzieren.
Wenn System Auto ausgewählt ist, verwenden Sie die Schaltflächen Hell und Dunkel, um zu sehen, 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.
  • Logohintergrund: Passen Sie die Hintergrundfarbe hinter dem Logo an.
  • Logogröß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, Mitte 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.
Navbar-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 Hilfetexte für Formularfelder hinzugefügt haben, wählen Sie, wo sie erscheinen:

  • 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 Gesamtformulardirection.
Abgerundete Ecken Fügt den Elementen des Formulars abgerundete Ecken hinzu für ein glatteres, modernes Erscheinungsbild.
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: Dehnt das Formular auf die gesamte Breite des Containers aus.
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 zu unterstreichen.
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 Benutzerdefiniert 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 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.

    Formular gestalten

  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