1. Übersicht Formulare
Die Webform-Verwaltung befindet sich im Drupal Backend unter "Struktur → Webformulare"
1.1 Neues Formular erstellen
Anleitung
1. Navigiere in die Webform-Verwaltung → /admin/structure/webform
2. Klicke auf "Webformular hinzufügen"
3. Erfasse einen Titel (Pflichtfeld). Bei Bedarf kannst du eine Beschreibung und Kategorie hinterlegen sowie den Status auswählen:
Status "Geöffnet": dieses Formular ist aktiv.
Status "Geschlossen": dieses Formular ist inaktiv und für Seitenbesucher nicht sichtbar.
4. Klicke auf "Speichern"
Du befindest dich nun in einer neuen Maske "Erstellen", wo du das Formular (seine Felder) aufbauen kannst.
5. Klicke auf "Element auswählen" um ein Feld hinzuzufügen.
2. Elemente & Felder - "Erstellen"
In der Maske "Erstellen" kannst du Elemente hinzufügen, löschen, verschieben, verschachteln usw.:
1. d
2. d
3. d
4. d
5. d
6. d
7. d
8. d
9. d
10. d
11. d
12. d
13. d
14. d
2.1 Formular Elemente (Übersicht)
Bei der Erstellung eines Formulars stehen dir diverse Elemente zur Verfügung, von einfachen Textfeldern bis zu komplexen Optionsmöglichkeiten.
Hier findest du eine Auswahl der wichtigsten Elementen und dazugehörigen Eigenschaften:
| Name | Beschreibung | Ansicht |
|---|---|---|
| Textfeld | Einzeiliges Textfeld |
|
| Textbereich | Mehrzeiliges Textfeld |
|
| Textfeld, welches bei der Eingabe ein @-Zeichen erwartet |
| |
| Zahl | Eingabefeld in dem ausschliesslich Zahlen eingegeben werden können |
|
| Einfache Checkbox | Einfache Checkbox zum aus- und abwählen. Anwendungsbeispiel: Datenschutzrichtlinien bestätigen (als Pflichtfeld) |
|
| Checkboxen | Erlaubt mehrere Antwortalternativen. |
|
| Checkboxen (Andere) | Erlaubt mehrere Antwortalternativen. Wählt der Besucher die Option "Andere", so erscheint darunter ein Textfeld für einen individuellen Wert |
|
| Auswählen | Klassisches Dropdown |
|
| Auswählen (Andere) | Klassisches Dropdown. Wählt der Besucher die Option "Andere", so erscheint darunter ein Textfeld für einen individuellen Wert |
|
| Radios | Radiobuttons für eine einzige Antwortalternative. Anwendungsbeispiel: Ja-/Nein-Fragen |
|
| Radios (Andere) | Radiobuttons für eine einzige Antwortalternative. Wählt der Besucher die Option "Andere", so erscheint darunter ein Textfeld für einen individuellen Wert |
|
| Dokumentdatei | Erlaubt dem Besucher einen Dateiupload |
|
| Bilddatei | Erlaubt dem Besucher einen Bildupload |
|
| Einfaches HTML | Kann verwendet werden um das Formular mit Inhalten zu ergänzen Anwendung: Intros, Titel, Erklärtexte usw. |
|
| Datum | Datumsauswahl |
|
2.2 Einstellungen (Standardelemente)
2.2.1 Element Beschreibung/Hilfe/Zusätze
2.2.2 Formularanzeige
2.2.3 Formularvalidierung
2.3 Einstellungen (Options- und Auswahlelemente)
2.3.1 Elementoptionen
2.4 Bedingungen
3 Formular Layout
3.1 Container
Container bilden einen Teil des Layouts und gliedern das Formular. Dies sorgt dafür, dass Seitenbesucher (gerade bei grossen Formularen) die Übersicht behalten.
Um einen Container zu verwenden, muss er als Element hinzugefügt werden. Anschliessend können Felder innerhalb des Containers platziert werden:
Der Button "Add element" führt zur Elementauswahl. Das ausgewählte Element wird direkt innerhalb vom Container platziert.
Dir stehen diverse Containertypen zur Verfügung:
| Name | Beschreibung | Ansicht |
|---|---|---|
| Abschnitt | Erstellt eine Überschrift über den Feldern, die sich im Abschnitt befinden: |
|