Versions Compared

Version Old Version 9 New Version 10
Changes made by

Karima Laghrami

Karima Laghrami

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

it dem Webform Modul kannst du individuelle Formulare für deine Website erstellen und verwalten. 

Ob mehrseitiges Formular mit bedingter Logik oder einfaches Kontaktformular, Webform bietet zahlreiche Möglichkeiten. 

Leistungsmerkmale: 

  • Erstellung von individuellen Webformularen
  • Einbindung der Formulare in Websites
  • Einsendungen sammeln und überprüfen
  • Bestätigungen und Benachrichtigungen senden und verwalten
  • Testing 

Info
titleWichtig

Dieses Dokumentation setzt voraus, dass du eine Drupal Website hast und die Grundfunktionalitäten des Pagedesigners kennst.
Das Webform Modul wurde bereits installiert und freigegeben.


Table of Contents
maxLevel4
stylenone


Bei der Erstellung eines Formulars stehen dir diverse Elemente zur Verfügung, von einfachen Textfeldern bis zu komplexen Optionsmöglichkeiten.

1. Übersicht Formulare

Die Webform-Verwaltung befindet sich im Drupal Backend unter "Struktur → Webformulare"

 

1.1 Neues Formular erstellen

Info

 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

Bei der Erstellung eines Formulars stehen dir diverse Elemente zur Verfügung, von einfachen Textfeldern bis zu komplexen Optionsmöglichkeiten. 

2.1 Formular Elemente (Übersicht)

Hier findest du eine Auswahl von den wichtigsten Elementen und dazugehörigen Eigenschaften:

Expand
titleÜbersicht Elemente


NameBeschreibungAnsicht
TextfeldEinzeiliges Textfeld
TextbereichMehrzeiliges Textfeld
E-MailTextfeld, welches bei der eingabe ein@-Zeichen erwartet
ZahlEingabefeld in dem ausschliesslich Zahlen eingegeben werden können
Einfache CheckboxEinfache Checkbox zum aus- und abwählen. 
Anwendungsbeispiel: Datenschutzrichtlinien bestätigen (Pflichtfeld)
CheckboxenErlaubt 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ählenKlassisches Dropdown
Andere AuswählenKlassisches Dropdown. Wählt der Besucher die Option "Andere",
so erscheint darunter ein Textfeld für einen individuellen Wert
OptionsfelderRadiobuttons für eine einzige Antwortalternative. 
Anwendungsbeispiel: Ja-/Nein-Fragen
Optionsfelder sonstigeRadiobuttons für eine einzige Antwortalternative. Wählt der Besucher die Option "Andere",
so erscheint darunter ein Textfeld für einen individuellen Wert
DokumentdateiErlaubt dem Besucher einen Dateiupload
BilddateiErlaubt dem Besucher einen Bildupload
Einfaches HTMLKann verwendet werden um das Formular mit Inhalten zu ergänzen
Anwendung: Intros, Titel, Erklärtexte usw.
DatumDatumsauswahl 


2.1.1 Container

2.1.2 Entitäten

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

2.5 Felder Layout (Flexbox)

2.6 Mehrseitiges Formular

3. Bestätigung

4. Benachrichtigung (Behandlungsroutinen)

5. Ergebnisse

und Nachvollzug

6. Testing