Erstellen von Formularen in Joomla! am Beispiel Anmeldung zu einem TEST-Gespräch

Transkript

1 Erstellen von Formularen in Joomla! am Beispiel Anmeldung zu einem TEST-Gespräch SCHRITT1: IM BACKEND EIN FORMULAR ERÖFFNEN Im Pulldownmenü Komponenten den Punkt Visforms auswählen Mit ein neues Formular öffnen, einen passenden Titel eingeben und im Feld Name einen Aliasnamen eingeben (Kleinbuchstaben, keine Umlaute, ) Im Feld Beschreibung kommt der Beschreibungs-Text, der am Formular erscheinen soll. Soll ein Formular nur einem bestimmten Personenkreis zugänglich sein, ist im Feld Zugriffsebene der Wert Registered auszuwählen. (Vorabeinstellungen mit J!-Betreuer klären!) HK 05Apr16 Seite 1

2 Um die gesammelten Formulardaten später in EXCEL sichten zu können, müssen diese in einer Datenbank gespeichert werden. Dazu ist im Karteiblatt Ergebnis der Schalter Ergebnis speichern auf Ja zu setzen. Ein Text im Feld Erfolgstext bringt dem Absender nach erfolgreicher Absendung des Formulars die gewünschte Meldung auf den Bildschirm. Im Karteiblatt Mail Optionen können, wenn gewünscht, verschiedene Mail-Einstellungen gemacht werden: Soll der Empfänger (z.b. die Direktion) nach Eingang einer (An)Meldung zusätzlich eine Benachrichtigung per Mail erhalten ist dieses Karteiblatt zu verwenden. Die Punkte im Einzelnen (siehe Bild Seite 3): schicken: Absender Absendername: Mail an: Mail CC, BCC: Betreff: Ergebnis Mail Text: auf Ja setzen leer lassen leer lassen adresse der eigenen Schule (z.b.: ggf. Mail an eine zusätzliche Adresse Text für Betreff (bitte nicht vergessen) gewünschten Text eingeben HINWEIS: Fährt man mit dem Mauszeiger auf einen Feldnamen, erhält man die entsprechende Information dazu: HK 05Apr16 Seite 2

3 HK 05Apr16 Seite 3

4 Das gilt auch für eine Mail-Rückmeldung an den Absender: Vor dem nächsten Schritt die getane Arbeit. HK 05Apr16 Seite 4

5 SCHRITT 2: FORMULARFELDER ERZEUGEN Ein Klick auf den Schalter öffnet Ein Klick auf [Neu] erzeugt das erste Eingabefeld. In der Listbox Typ* den gewünschten Feldtyp auwählen: Es stehen folgende Feldtypen zur Verfügung: Beschreibung: Text Datum Zahl Url Textarea Checkbox CheckboxGrp Radiobutten Erwartet eine Texteingabe (z.b. Namen) Erwartet eine -Adresse Erwartet eine Datumseingabe Erwartet einen Zahlenwert Erwartet die Eingabe einer Web-Adresse Feld zur freien Texteingabe (z.b. für beliebige Mitteilung an den Empfänger) Zum Ankreuzen wenn Wert zutrifft Mehrere Auswahlen zum Ankreuzen Nur eine Auswahl aus beliebig vielen anwählbar HK 05Apr16 Seite 5

6 Listbox File upload Aus einer Liste von Daten kann eine ausgewählt werden (wie Bilder oben) Ermöglicht einen Dateianhang (bekannt aus Mail) ImgSubBut? Submit Button Erzeugt den Knopf zum Absenden des Formulars Reset Button Feldtrenner Setzt alle Eingaben zurück (leert alle Formularfelder) Text wird immer oberhalb Submit und Reset Button gesetzt Um die Funktion der anschließend beschriebenen Felder zu sehen, gehen Sie bitte auf die Tennengau-Seite und melden Sie sich dort an: Benutzername: Formular Passwort: Testanmeldung Ein Klick auf öffnet das Anmeldeformular. Testen Sie alle Funktionen und senden Sie dann die Anmeldung ab. (So oft Sie wollen ) Ein weiterer Klick auf [Interner Bereich] führt zur Abmeldung vom Frontend. DIE FORMULARFELDTYPEN IM EINZELNEN: WICHTIG - GILT FÜR ALLE FELDTYPEN: a) Karteikarte Grundeinstellungen: Alle Erklärungen erhalten Sie, wenn Sie mit der Maustaste auf ein Label (Feldbezeichnung) zeigen, z.b.: b) Karteikarte Erweitert: Mit Hilfe dieser Funktion lassen sich Texte, Bilder usw. unterhalb oder oberhalb eines Eingabefeldes positionieren. Handhabung wie bei Beitragserstellung gewohnt. HK 05Apr16 Seite 6

7 Alle Eingabefelder kann man als Pflichtfeld definieren. Diese werden im Formular mit einem * gekennzeichnet. Das Leerlassen eines Pflichtfeldes verhindert das Absenden des Formulars. Typ: Text Typische Anwendung bei Namens- u. Adressfeldern. Typ Dient zur Eingabe einer -Adresse, mehrere Adresseingaben werden durch Kommata getrennt Typ Datum: Für Datumseingaben, Standardformat ist dd.mm.jjjj. Eingabe kann auch über das anklickbare Kalendersymbol erfolgen. Typ Zahl: Lässt als Eingabe nur Zahlen zu, z.b. für Telefonnummern. Dafür empfiehlt es sich die Checkbox Nur ganze Zahlen anzuhaken, damit keine Dezimalzahlen angegeben werden können. Typ Textarea: Erzeugt ein Feld für freie Texteingabe. Die Länge des Textes kann berenzt werden. Typ Checkbox: Erzeugt eine einzelne Checkbox um etwas Zutreffendes anzuhaken. Darf nicht als Pflichtfeld ausgeführt werden, da sonst bei Nichtauswahl eine Fehlermeldung entsteht. Typ Checkbox Gruppe (siehe Erweiterte Anleitung, Seite 8): Erzeugt beliebig viele Checkboxen, die eine Mehrfachauswahl zulassen. (Minimale und maximale Auswahlen einstellbar.) Typ Radiobutton (siehe Erweiterte Anleitung, Seite 8): Erzeugt beliebig viele Auswahlmöglichkeiten, die aber nur eine, eindeutige Auswahl zulässt. Typ Listbox (siehe Erweiterte Anleitung, Seite 8): Erzeugt eine Liste mit frei formulierbaren Texteinträgen. Die Standardeinstellung erlaubt nur eine Einfachselektion. Wird bei Mehrfachselektion erlauben ein Hakerl gesetzt, kann man im Formular mit Strg+Klick mehrere Einträge auswählen. Will man eindeutige Werte erhalten, d.h. z.b. bei Terminvorgaben jeden Termin insgesamt nur einmal vergeben, dann ist in der Karteikarte Erweitert die Auswahl Eindeutige Werte erzwingen auf JA zu setzen! Somit kann ein vergebener Termin nicht nochmals von einem anderen Benutzer ausgewählt werden. Typ File upload: Erzeugt ein Eingabefeld für einen Dateianhang, wie vom versand gewohnt. HK 05Apr16 Seite 7

8 Typ Submit Button: Wir zum Absenden eines Formulares benötigt. Der Text im Butto wird aus dem Feld Bezeichnung generiert. Typ Reset Button: leert alle ausgefüllten Felder um mit der Befüllung neu zu beginnen. ERWEITERTE ANLEITUNG zu Checkbox Gruppe, Radiobutton, Listbox Wird einer dieser Feldtypen ausgewählt, entsteht eine Optionen Liste: Durch einen Klick auf [Neue Option] wird eine Option erstellt. Die die Felder Wert und Bezeichnung schreibt man üblicherweise das Selbe. (Beides Pflichtfelder!) Mit [Hinzufügen & Neu] wird der eingegbene Wert zur Liste hinzugefügt umd eine neue Eingabe ermöglicht. Mit [Hinzufügen] wird die Eingabe abgeschlossen. Bei Auswahl der Option Standard wird das Feld im Formular mit dem eingegbenen Wert vorbelegt. HK 05Apr16 Seite 8