A A A
Druckversion

Formulareditor

  1. Formulareditor
  2. 1. Voreinstellung
  3. 2. Elemente hinzufügen
  4. Rohfassung des Elements
  5. Wiederkehrende Einträge
  6. Formular speichern
  7. 2.a Text / 2.b Mehrzeiliger Text
  8. 2.c Checkboxen
  9. 2.d Mehrfachauswahl
  10. 2.e Datum
  11. 2.f Dropdown
  12. Ausgeklapptes Dropdown
  13. 2.g Zeit
  14. 2. h Nummer
  15. 2.i Website
  16. 2.j E-Mail
  17. 2.k Preis
  18. 2.l Adresse
  19. 2.m Datei
  20. 2.n Abschnitt

Formulareditor
Formulareditor

1. Voreinstellung

Der Formulareditor öffnet sich stest mit einem voreingestellten Kontaktformular. Dieses Formular dient Ihnen als Beispiel und stellt zudem das am häufigsten verwendete Formular in einer Webseite dar. Gfs. müssen Sie die Voreinstellung nur noch über den Bearbeitungsmodus der Elemente (siehe Punkt 3) anpassen.

Sollten Sie ganz andere Elemente verwenden wollen, so können Sie die vorhandenen Elemente über das rote Minus-Zeichen entfernen. Das Zeichen wird rechts unten am Element eingeblendet, sobald Sie mit der Maus auf das Element gehen. Das grüne Plus-Zeichen dient dem Duplizieren des Elementes. Bei Klick darauf wird das Element nochmals genaus so generiert wie es ist.

Duplizieren/Entfernen von Formularelementen
Duplizieren/Entfernen von Formularelementen

2. Elemente hinzufügen

In dieser Übersicht sehen Sie alle Elemente die Sie dem Formular hinzufügen können bzw. aus denen das Formular bestehen könnte.

Sobald Sie auf eines der grünen Felder geklickt haben, öffnet sich der Bearbeitungsmodus des Elements. Solange Dieses Element noch nicht von Ihnen gestaltet wurde, ist der Bearbeitungsmodus leer. Die unten stehenden Beschreibungen erläutern die jeweiligen Möglichkeiten.

Sind Sie auf einem bereits bestehenden Element und klicken auf Element bearbeiten, sehen Sie im Bearbeitsungsmodus Ihre Einstellungen.

Sobald Sie auf eines der grünen Felder geklickt haben, wird das Element zudem in einer Rohfassung direkt dem Formular hinzugefügt.

Rohfassung des Elements

Formulareditor / Rohfassung eines Elements
Formulareditor / Rohfassung eines Elements
  • Rohfassungen werden zunächst stest unterhalb der Vorschau angesiedelt. Mit der Maus können Sie das Element an eine beliebige Stelle innerhalb des Formulars ziehen.
  • Über die Bearbeitungsmöglichkeiten für das Element können Sie es gestalten. Jede Änderung im Bearbeitungsmodus wirkt sich direkt auf die sich nun anpassende Rohfassung des Element aus. So sehen Sie sofort das Ergebnis.
  • Mit dem grünen Plus- und dem roten Minus-Zeichen rechts an der Rohfassung des neuen Elements können Sie das Element jederzeit duplizieren oder wieder entfernen. Dabei wird das Element immer in der aktuellen Einstellung dupliziert.

Wiederkehrende Einträge

Formulareditor / Wiederkehrende Einträge
Formulareditor / Wiederkehrende Einträge

Bei jedem Element können Sie eine Bezeichnung eintragen und das Ausfüllen zu einer Pflicht für den Nutzer machen.

1. Dieses Feld zeigt Ihnen die Bezeichnung Ihres Element und den Elementen-Typ an. 

2. Geben Sie in das Feld "Ohne Bezeichnung" bitte einen Titel bzw. eine Überschrift für das Element 

3. Hier können Sie einen Text eingeben der dem Nutzer beschreibt wozu das Element bzw. die Abfrage dient. 

4. Mit der Checkbox "Erforderlich" können Sie das neue Texteingabefeld zu einem Pflichtfeld machen. Das Formular ist dann nur absendbar, wenn der Nutzer dieses Feld ausgefüllt hat. 

5. Die Checkbox "nur für Redakteure" ist momentan ohne Funktion.

Formular speichern

Sobald Sie eine Änderung über die unten beschriebenen Möglichkeiten an dem Formular vornehmen, werden diese automatisch in dem Formular gespeichert. Bearbeitungen im Formulareditor wirken sich also direkt auf das Formular aus. Der genaue Ablauf einer Formularerstellung wird in dem Tutorial "Formulare erstellen" beschrieben.

2.a Text / 2.b Mehrzeiliger Text

Formulareditor / Text hinzufügen
Formulareditor / Text hinzufügen

Mit dem Element "Text" können Sie Ihrem Formular ein freies Texteingabefeld hinzufügen.

Mit dem Button "Text" fügen Sie ein einzeiliges Texteingabefeld hinzu, mit dem Button "Mehrzeiliger Text" ein enstprechend größeres Feld für mehrzeiligen Text.

1. -3. siehe oben

4. Die Einstellung "Size" über das Dropdown ermöglicht Ihnen eine Auswahl der Textfeldgröße zwischen klein (small), mittel (medium) und groß (large).

5. Mit der "Maximalen Länge" können Sie festlegen, wie viele Wörter oder Buchstaben (Auswahl über das Dropdown) minimal bzw. maximal in das Textfeld eingetragen werden können.  

2.c Checkboxen

Formulareditor / Checkbox hinzufügen
Formulareditor / Checkbox hinzufügen

Mit dem Element "Checkboxen" können Sie Ihrem Formular eine Mehrfach-Auswahl zwischen verschiedenen Optionen hinzufügen. Diese Auswahl funktioniert über Checkboxen.

Mit Checkboxen ermöglichen Sie dem Nutzer mehrere Auswahlmöglichkeiten gleichzeitig anzuwählen.

1. -3. siehe oben

4. In das Feld neben der Checkbox müsste die Auswahl die angehakt werden kann genannt werden. Über das Plus- und Minuszeichen können Sie die Menge der Checkboxen bestimmen.

5. Klicken Sie auf "Sontiges verwenden", wenn Sie dem Nutzer die Möglichkeit geben möchten in ein freies Texteingabefeld eine eigene Auswahl zu schreiben, die er dann ebenfalls anhaken kann. 

6. "Option hinzufügen" dient ebenfalls der Ergänzung von weiteren Checkboxen.

 

2.d Mehrfachauswahl

Formulareditor / Mehrfachauswahl hinzufügen
Formulareditor / Mehrfachauswahl hinzufügen

Mit dem Element "Mehrfachauswahl" können Sie Ihrem Formular eine Auswahl zwischen verschiedenen Optionen hinzufügen. Diese Auswahl funktioniert über Radiobutton. 

Mit Radiobutton ermöglichen Sie dem Nutzer eine Auswahlmöglichkeit anzuwählen. (Der Begriff "Mehrfachauswahl" ist daher nicht korrekt verwendet).

1. -3. siehe oben

4. In das Feld neben der Checkbox müsste die Auswahl die ausgewählt werden kann genannt werden. Über das Plus- und Minuszeichen können Sie die Menge der Auswahlömöglichkeiten bestimmen.

5. Klicken Sie auf "Sontiges verwenden", wenn Sie dem Nutzer die Möglichkeit geben möchten in ein freies Texteingabefeld eine eigene Auswahl zu schreiben, die er dann ebenfalls anwählen kann. 

6. "Option hinzufügen" dient ebenfalls der Ergänzung von weiteren Radiobutton.

7. Hier sehen Sie was im Editor eingegeben wurde und wie es im Formular aussehen wird.

2.e Datum

Formulareditor / Datum hinzufügen
Formulareditor / Datum hinzufügen

Mit dem Element "Datum" können Sie Ihrem Formular eine Datumsabfrage Optionen hinzufügen. Diese Abfrage funktioniert über Eingabefelder. 

1. -3. siehe oben

4. Hier sehen Sie, wie die Datums-Abfrage aussehen wird. Der Nutzer bekommt freie Eingabefelder für die Daten und die Vorgabe diese in dem angegebenen Format einzutragen. (MM = Monat, TT = Tag, JJJJ = Jahr)

5. Über das Plus- und Minuszeichen können Sie die Menge der Datums-Abfragen bestimmen. Die Abfrage ist eine Kopie der zuerst angelegten.

 

2.f Dropdown

Formulareditor / Dropdown
Formulareditor / Dropdown

Mit dem Element "Dropdown" können Sie Ihrem Formular eine Auswahlmöglichkeit über ein Dropdown hinzufügen. Diese Anzeige der Alternativen funktioniert über ein sich nach unten ausklappendes Auswahlmenü. 

1. -3. siehe oben

4. Momentan ohne Funktion

5. Je Feld können Sie hier eine Alternative eintragen, zwischen denen der Nutzer wählen soll. Über das Plus- und Minuszeichen können Sie weitere Felder hinzufügen oder entfernen.

6. "Option hinzufügen" dient ebenfalls der Ergänzung von weiteren Radiobutton.

7. Hier sehen Sie die Vorschau des neu gestalteten Elements.

Ausgeklapptes Dropdown

Hier sehen Sie das Dropdown im Formular im ausgeklappten Zustand.

Formular / Dropdown, ausgeklappt
Formular / Dropdown, ausgeklappt

2.g Zeit

Formulareditor / Zeit hinzufügen
Formulareditor / Zeit hinzufügen

Mit dem Element "Zeit" können Sie Ihrem Formular eine Zeitabfrage hinzufügen. Diese Abfrage funktioniert über Eingabefelder. 

1. -3. siehe oben

4. Hier sehen Sie, wie die Zeit-Abfrage aussehen wird. Der Nutzer bekommt freie Eingabefelder für die Uhrzeit. (SS = Stunde, MM = Minuten, SS = Sekunden)

5. Diese Feld wird auf dem Formular nicht ausgegeben.

5. Über das Plus- und Minuszeichen können Sie die Menge der Zeit-Abfragen bestimmen.

 

2. h Nummer

Formulareditor / Nummer
Formulareditor / Nummer hinzufügen

Mit dem Element "Nummer" können Sie Ihrem Formular eine Abfrage von Nummern-Einheiten hinzufügen. Diese Abfrage funktioniert über ein Eingabefeld. 

1. -3. siehe oben

4. Tragen Sie hier ein, welche Zahl der Nutzer maximal, welche minimal eingeben darf. Dies ist z.B. relevant, wenn Sie nur eine begrenzte Teilnehmerzahl zulassen möchten. 

5. Legen Sie hier bitte fest um welche Einheit es sich handeln soll (Personen, €, $, ...)

6. Wenn Sie diese Checkbox anhaken, darf der Nutzer nur ganze Zahlen in das Feld eintragen. Dies ist z.B. bei der Angabe von Personen wichtig.

7. Über das Plus- und Minuszeichen können Sie die Menge der Nummern-Abfragen bestimmen.

 

2.i Website

Formulareditor / Website hinzufügen
Formulareditor / Website hinzufügen

Mit dem Element "Website" können Sie Ihrem Formular ein Feld zum Eintragen einer Website-Adresse (URL) hinzufügen. Diese Abfrage funktioniert über ein Eingabefeld. 

1. -3. siehe oben

4. Sie sehen hier das Feld das dem Nutzer zur Verfügung gestellt wird. Die Voreinstellung ist so, dass er nur noch eine Adresse folgenden Formats eingeben muss: www.sethora.de. Über das Plus- und Minuszeichen können Sie die Menge der Website-Adress-Abfragen bestimmen.

 

2.j E-Mail

Formulareditor / E-Mail-Adresse hinzufügen
Formulareditor / E-Mail-Adresse hinzufügen

Mit dem Element "E-Mail" können Sie Ihrem Formular ein Feld zum Eintragen einer E-Mail-Adresse hinzufügen. Diese Abfrage funktioniert über ein Eingabefeld. 

1. -3. siehe oben

4. Sie sehen hier das Feld das dem Nutzer zur Verfügung gestellt wird. Über das Plus- und Minuszeichen können Sie die Menge der E-Mail-Adress-Abfragen bestimmen.

2.k Preis

Formulareditor / Preisabfrage hinzufügen
Formulareditor / Preisabfrage hinzufügen

Mit dem Element "Preis" können Sie Ihrem Formular ein Feld zum Eintragen eines Preise hinzufügen. Diese Abfrage funktioniert über ein Eingabefeld für Euro und ein Eingabefelf für Cent.  

1. -3. siehe oben

4. Sie sehen hier das Felder das dem Nutzer zur Verfügung gestellt wird. Die Voreinstellung ist so, dass er nur noch die jeweiligen Beträge in die vorgesehenen Felder eintragen muss. Über das Plus- und Minuszeichen können Sie die Menge der Preis-Abfragen bestimmen.

 

2.l Adresse

Formulareditor / Adressabfrage hinzufügen
Formulareditor / Adressabfrage hinzufügen

Mit dem Element "Adresse" können Sie Ihrem Formular Felder zum Eintragen einer Adresse hinzufügen. Diese Abfrage funktioniert über strukturierte Eingabefelder.   

1. -3. siehe oben

4. Die Auswahl des Landes im Formular begrenzt sich auf Deutschland und das EU-Ausland. 

5. Die Voreinstellung ist so, dass der Nutzer eine Adressstruktur vorgegeben bekommt. Über das Plus- und Minuszeichen können Sie die Menge der Adress-Abfragen bestimmen.

 

2.m Datei

Formulareditor / Datei hochladen
Formulareditor / Datei hochladen

Mit dem Element "Datei" können Sie Ihrem Formular ein Feld zum Hochladen von Dateien hinzufügen. Diese Möglichkeit funktioniert über einen Durchsuchen-Button. Nach KLick darauf gelangt der Nutzer auf seine Festplatte um dort eine Datei auszusuchen.    

1. -3. siehe oben

4. Die Auswahl der Datei erfolgt über den Durchsuchen-Button. In dem Feld daneben wird dem Nutzer nach dem Vorgang angezeigt, welche Datei er geladen hat. Über das Plus- und Minuszeichen können Sie die Menge der Datei-Abfragen bestimmen.

 

2.n Abschnitt

Formulareditor / Abschnitt hinzufügen
Formulareditor / Abschnitt hinzufügen

Mit dem Element "Abschnitt" können Sie Ihr Formular unterteilen. Abschnitte werden mit Überschriften versehen, so dass Sie dadurch eine Struktur in Ihr Formular bringen können.

1. -2. siehe oben

4. Sie haben die Möglichkeit eine Überschrift für den Abschnitt einzutragen und ggfs. eine Erläuterung was in diesem Abschnitt des Formulars erfolgt einzutragen.

 

Aktuelles:

sethora.de
Brückenstr. 10
31180 Giesen

Seite empfehlen

Füllen Sie die Felder aus, und klicken Sie auf Senden, um diese Seite weiterzuempfehlen!

Code