Die allerersten Schritte
Hinweis: Sie finden Visforms im Backend im Menü Komponenten >> Visforms.
Visforms folgt der logischen Struktur von HTML-Formularen und gliedert sich im Wesentlichen in die beiden Bereiche
- Formulare
- Felder (HTML Controls)
Da Felder immer einem Formular zugeordnet sind, gibt es im Backend nicht immer einen Menüeintrag “Felder”.
Hinweis: Sie müssen immer zuerst ein Formular anlegen, bevor Sie ein Feld anlegen können.
Das Formular
Um ein Formular anzulegen, klicken Sie im Dashboard der Komponente Visforms auf die Kachel Neues Formular.
Jedes Formular hat zwei Pflichtfelder.
Der Titel ist die Überschrift des Formulars.
Der Name wird in der URL verwendet, wenn Sie für Ihre Joomla! Webseite die suchmaschinenfreundlichen URLs angestellt haben. Deshalb können Sie im Namen keine Leerzeichen, Sonderzeichen oder ähnliches verwenden.
Nachdem diese beiden Pflichtfelder gefüllt sind, können Sie das Formular speichern und verwenden.
Weiterhin hat jedes Formular zahlreiche weitere Parameter zur individuellen Steuerung. Jeder Parameter ist im Backend ausführlich erläutert. Die Erläuterung wird sichtbar, wenn Sie mit der Maus über das Label des Parameters fahren. Die Verwendung vieler Parameter wird auch in weiterführenden Beiträgen dieser Dokumentation beschrieben.
Felder
Nachdem Sie das Formular gespeichert haben, können Sie dem Formular Felder hinzufügen. Klicken Sie auf den Felder-Button in der Buttonleiste des Formulars. Es öffnet sich die Übersichtsliste aller Felder des Formulars, mit der Titelzeile “Visforms - Felder für Formular [Name]".
Klicken Sie auf den Neu-Button, um ein neues Feld anzulegen.
Jedes Feld hat drei Pflichtfelder.
Die Bezeichnung wird im Formular als Label für das Feld verwendet.
Unter Name wird das Feld in der Datenbank gespeichert. Der Parameter “Name” darf keine Sonderzeichen oder Leerzeichen enthalten.
Außerdem müssen Sie aus der Listbox Typ immer einen Feldtyp auswählen. Abhängig vom gewählten Typ stehen Ihnen anschließend mehr oder weniger Parameter zur Verfügung. Mit diesen Parametern kontrollieren Sie das Erscheinungsbild und die Funktionsweise des Feldes. Bei einigen Feldtypen wie z.B. der Checkbox, der Listbox, der Checkbox Gruppe und dem Radio Button müssen Sie noch zusätzliche Einstellungen vornehmen. Erst dann können Sie das Feld speichern. Nachdem Sie das Feld gespeichert haben wird es automatisch im Formular mit angezeigt.
Der Submit-Button
Hinweis: Der Submit-Button ist wie ein normales Feld vom Typ "Submit-Button". Auch er wird in der oben beschriebenen Weise als eigenständiges Feld angelegt.
Der Text, den Sie als Bezeichnung für dieses Feld vergeben wird als Button-Text verwendet. Sie können also dem Button einfach einen individuellen Text vergeben.
Formular im Frontend anzeigen
Es gibt zwei native Möglichkeiten ein Formular im Frontend anzuzeigen:
- Verknüpfung mit einem Menüeintrag und
- Veröffentlichung in einem Modul.
Verknüpfung mit einem Menüeintrag
Legen Sie im Backend im gewünschten Menü einen Menüeintrag an. Wählen Sie als Menüeintragstyp visforms -> Formular aus. Anschließend wählen Sie über den Parameter Wählen Sie ein Formular das Formular aus, mit dem der Menüeintrag verknüpft werden soll. Setzen Sie die Menü-Option Seitenüberschrift anzeigen auf ja, wenn Sie den Formulartitel anzeigen wollen. Auch die Metadaten in den Menü-Optionen Meta-Beschreibung und Meta-Schlüsselwörter werden für die Anzeige des Formulars ausgewertet.
Veröffentlichung in einem Modul
Legen Sie im Backend unter Erweiterungen -> Module ein Modul vom Typ Visforms an. Wählen Sie über den Parameter Formular wählen aus, welches Formular im Modul angezeigt werden soll. Veröffentlichen Sie das Modul in der gewohnten Weise. Sie können den Modul-Parameter Titel verwenden, um zu steuern, ob der Formular-Titel angezeigt wird oder nicht.