Webforms ist ein leistungsstarker Formular-Builder.
In diesem Video erfahren wir, wie man mit dem leistungsstarken Formular-Builder Webform arbeitet. Gehen wir zur Modulseite. Um Webforms zu erstellen, müssen wir die Module Webform und Webform UI aktivieren. Wenn Sie Webforms als Node-Seiten anzeigen möchten, benötigen Sie außerdem das Modul Webform Node.
In Drupal 6 und 7 arbeiteten Webformulare über Node-Seiten – ein Webform wurde an den Inhaltstyp Webform angehängt. In Drupal 8 und später ist eine separate Node-Seite nicht mehr erforderlich, da jedes Webform seine eigene Seite hat und das Formular selbst als Block auf jeder Seite angezeigt werden kann.
Sobald das Webform-Modul aktiviert ist, können wir mit dem Erstellen neuer Webforms beginnen.
Wenn Sie das Modul Webform Node aktiviert haben, finden Sie den Link zum Erstellen eines Webforms unter Inhalt > Inhalt hinzufügen > Webform. Auf der Erstellungsseite geben Sie einen Titel und eine Beschreibung ein. Sie können auch ein bestehendes Webform im Feld Formular auswählen oder es leer lassen, um ein neues zu erstellen.
/node/add/webform
Um das Formular selbst zu erstellen, gehen wir zum Menü Struktur - Webforms, dort können wir es in die Node-Seite einfügen.
Momentan haben wir nur ein Kontaktformular, fügen wir ein neues hinzu. Sie können natürlich das Standardformular verwenden, aber um zu sehen, wie die Felder in Webform funktionieren, erstellen wir ein neues:
/admin/structure/webform
Jetzt können wir dem Formular neue Elemente hinzufügen:
Textfeld – Unser Name
Telefonfeld – Telefon
Das Webform-Modul verwendet Drupals Fields API, und Sie können alle Felder verwenden, die für beliebige Entities auf der Website verfügbar sind – solche, die an Nodes, Blöcke, Taxonomie-Begriffe und andere Entities angehängt werden können.
Wenn Sie ein Feld bearbeiten, finden Sie viele Einstellungen. Sie können abhängige Felder konfigurieren, sodass ein Feld nur angezeigt wird, wenn ein anderes einen bestimmten Wert hat. Zum Beispiel, wenn Ihr Kontaktformular die Auswahl zwischen juristischer Person und Privatperson erlaubt, können Sie für jeden Typ unterschiedliche Felder anzeigen.
Sie können auch Validierungen mit regulären Ausdrücken durchführen. Alternativ können Sie Validierungen programmatisch über hook_form_alter() in einem eigenen Modul hinzufügen.
Für Felder können Sie Klassen definieren – wenn Sie beispielsweise Bootstrap für das Layout verwenden, können Sie Spaltenklassen für den Feld-Wrapper zuweisen, damit Felder in Spalten wie col-md-6 für ein zweispaltiges Layout ausgerichtet werden.
Im Abschnitt Formulardarstellung können Sie konfigurieren, ob das Feldlabel angezeigt wird, Beschreibungen vor oder nach dem Feld hinzufügen, Platzhalter setzen und minimale sowie maximale Feldlängen definieren.
Wir müssen noch ein E-Mail-Feld hinzufügen, damit wir auf den Absender antworten können, sowie ein Textfeld für die Nachricht.
Webform-Einstellungen
Sie können eine Nachricht schreiben, die angezeigt wird, wenn das Formular nicht funktioniert.
Der Submit-Button-Text kann überschrieben und Layoutklassen hinzugefügt werden.
Wizard-Einstellungen
Bei mehrseitigen Formularen können Sie die Beschriftungen für die Schaltflächen „Weiter“ / „Zurück“ ändern.
Beschreibung weiterer Einstellungen.
Einstellungen für die Dankesnachricht.
Anzeigen des Webforms als Block in der linken Spalte.
Benachrichtigungseinstellungen in Webform.