Versions Compared

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

Image Added

TextbereichMehrzeiliges Textfeld

Image Added

E-MailTextfeld, welches bei der eingabe ein@Eingabe ein @-Zeichen erwartet

Image Added

ZahlEingabefeld in dem ausschliesslich Zahlen eingegeben werden können

Image Added

Einfache CheckboxEinfache Checkbox zum aus- und abwählen. 
Anwendungsbeispiel: Datenschutzrichtlinien bestätigen (als Pflichtfeld)

Image Added

CheckboxenErlaubt mehrere Antwortalternativen.

Image Added

Checkboxen (Andere)Erlaubt mehrere Antwortalternativen. Wählt der Besucher die Option "Andere",
so erscheint darunter ein Textfeld für einen individuellen Wert

Image Added

AuswählenKlassisches Dropdown

Image Added

Auswählen (Andere Auswählen)Klassisches Dropdown. Wählt der Besucher die Option "Andere",
so erscheint darunter ein Textfeld für einen individuellen Wert

Image Added

OptionsfelderRadiosRadiobuttons für eine einzige Antwortalternative. 
Anwendungsbeispiel: Ja-/Nein-Fragen
Optionsfelder sonstige

Image Added

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

Image Added

DokumentdateiErlaubt dem Besucher einen Dateiupload

Image Added

BilddateiErlaubt dem Besucher einen Bildupload

Image Added

Einfaches HTMLKann verwendet werden um das Formular mit Inhalten zu ergänzen
Anwendung: Intros, Titel, Erklärtexte usw.

Image Added

DatumDatumsauswahlDatumsauswahl 

Image Added


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

6. Testing 





...