Formulare - Versionsgeschichte

Markus Scholz am 12. Juli 2023 um 20:08 Uhr

2023-07-12T20:08:52Z

← Nächstältere Version		Version vom 12. Juli 2023, 22:08 Uhr
Zeile 197:		Zeile 197:

	Weitere Infos zum Plugin findet ihr hier: http://cfdbplugin.com/		Weitere Infos zum Plugin findet ihr hier: http://cfdbplugin.com/
	[[Kategorie:~~Dokumentation~~]]		[[Kategorie:WordPress]]

Kristina Kunze: /* Formular in einem Beitrag veröffentlichen */

2014-07-18T09:35:43Z

Formular in einem Beitrag veröffentlichen

← Nächstältere Version		Version vom 18. Juli 2014, 11:35 Uhr
Zeile 138:		Zeile 138:
	Die Seiten im Wordpress Blog sind so gestaltet, dass alle unwichtigen Elemente, wie Header, Autor, Datum des Beitrages, die Navigation zu älteren/anderen Beiträgen entfernt wurden, um ein möglichst einfaches Design für die Einbindung auf unsere Webseite zu haben. Es ist daher nicht möglich, ohne den Link zum Beitrag, zu älteren Beiträgen zu navigieren. An sich ist das auch nicht notwendig.		Die Seiten im Wordpress Blog sind so gestaltet, dass alle unwichtigen Elemente, wie Header, Autor, Datum des Beitrages, die Navigation zu älteren/anderen Beiträgen entfernt wurden, um ein möglichst einfaches Design für die Einbindung auf unsere Webseite zu haben. Es ist daher nicht möglich, ohne den Link zum Beitrag, zu älteren Beiträgen zu navigieren. An sich ist das auch nicht notwendig.

	~~'''Es~~ sollten immer nur die Beiträge veröffentlicht sein, deren Formular gerade in Verwendung ist. Wird das Formular nicht mehr benötigt, ~~sollten~~ die Beiträge wieder in den Status "Entwurf" ~~gebracht~~ oder ~~gelöscht werden~~.'''		Um nicht die Übersicht zu verlieren und falsche Formulareinträge im Blog zu vermeiden sollten immer nur die Beiträge veröffentlicht sein, deren Formular gerade in Verwendung ist. Wird das Formular nicht mehr benötigt, ist es ratsam die Beiträge wieder in den Status "Entwurf" zu bringen oder ganz zu löschen.'''

	<gallery>		<gallery>

Kristina Kunze: /* Formulare im WebMaGIC einbinden */

2014-07-18T09:33:03Z

Formulare im WebMaGIC einbinden

← Nächstältere Version		Version vom 18. Juli 2014, 11:33 Uhr
Zeile 147:		Zeile 147:
	===Formulare im WebMaGIC einbinden===		===Formulare im WebMaGIC einbinden===

	Letztendlich sollen die Formulare ~~für die einzelnen Veranstaltungen oder Umfragen~~ auf ~~unseren~~ Webseiten eingebunden werden, damit Nutzer direkt Ihre Eingaben auf ~~unseren~~ Seiten machen können und nicht noch auf den Blog verwiesen werden müssen.		Letztendlich sollen die Formulare auf den Webseiten der Uni Halle eingebunden werden, damit Nutzer direkt Ihre Eingaben auf diesen Seiten machen können und nicht noch auf den Blog verwiesen werden müssen.

	Auf ~~unseren~~ Webseiten können die einzelnen Formulare/Beiträge per iframe eingebunden werden. Dazu sind folgende Schritte nötig:		Auf den Webseiten der Uni Halle können die einzelnen Formulare/Beiträge per iframe eingebunden werden. Dazu sind folgende Schritte nötig:

	* Auf der Seite, auf der das Formular erscheinen soll, ein Element "HTML-Code" erstellen.		* Auf der Seite, auf der das Formular erscheinen soll, ein Element "HTML-Code" erstellen.

Kristina Kunze am 18. Juli 2014 um 09:21 Uhr

2014-07-18T09:21:16Z

← Nächstältere Version		Version vom 18. Juli 2014, 11:21 Uhr
Zeile 123:		Zeile 123:
	====Style Voreinstellungen====		====Style Voreinstellungen====

	In Wordpress sind für das Aussehen der Formulare bereits einige Anpassungen global eingestellt:		In Wordpress sind für das Aussehen der Formulare bereits einige Anpassungen global eingestellt, eventuell müssen diese jedoch vom ITZ für einen anderen Blog separat bereitgestellt werden.

			* Textgröße des Titels 24px
	* Breite der Texteingabefelder ist auf die volle Breite (400px) eingestellt		* Breite der Texteingabefelder ist auf die volle Breite (400px) eingestellt
	* für den html tag "small" ist grau (#9e9e9e) als Farbe definiert -> geeignet für kleinen, abgesetzten Erklärungstext		* für den html tag "small" ist grau (#9e9e9e) als Farbe definiert -> geeignet für kleinen, abgesetzten Erklärungstext

Kristina Kunze: /* Screenshots Teil 1 - Formulare Allgemein */

2014-07-18T09:09:59Z

Screenshots Teil 1 - Formulare Allgemein

← Nächstältere Version		Version vom 18. Juli 2014, 11:09 Uhr
Zeile 68:		Zeile 68:
	Datei:Formular_Meldungen_Zusatz.PNG\|Meldungen für das Formular		Datei:Formular_Meldungen_Zusatz.PNG\|Meldungen für das Formular
	</gallery>		</gallery>


	====Formular Template Filterführung====		====Formular Template Filterführung====

Kristina Kunze: /* Formulare im Wordpress Blog anlegen */

2014-07-18T09:08:30Z

Formulare im Wordpress Blog anlegen

← Nächstältere Version		Version vom 18. Juli 2014, 11:08 Uhr
Zeile 17:		Zeile 17:
	===Formulare im Wordpress Blog anlegen===		===Formulare im Wordpress Blog anlegen===

	Über den Menüeintrag "Formular" können Formulare erstellt werden. Zum veröffentlichen wird dann eine Shortcode des Formulars in einen Beitrag kopiert. Ein Beitrag mit einem Formular könnte zusätzlich auch noch anderen Text enthalten, da die Formulare jedoch hauptsächlich für die Einbindung auf ~~unserer~~ Webseiten gedacht sind, ist davon eher abzuraten.		Über den Menüeintrag "Formular" können Formulare erstellt werden. Zum veröffentlichen wird dann eine Shortcode des Formulars in einen Beitrag kopiert. Ein Beitrag mit einem Formular könnte zusätzlich auch noch anderen Text enthalten, da die Formulare jedoch hauptsächlich für die Einbindung auf den Webseiten der Martin-Luther Universität Halle-Wittenberg gedacht sind, ist davon eher abzuraten.

	Zum Erstellen eines neuen Formulars geht man auf den Menüpunkt "Formulare" und dann auf den Button "Neues Formular" rechts neben der Überschrift, stellt die Sprache ein (Deutsch ist Standard) und sieht dann schon ein Template für ein Kontaktformular. Dieses kann nun gelöscht, erweitert und nach Belieben angepasst werden. Alle Änderungen "Speichern", da sonst beim Verlassen der Seite die Änderungen nicht übernommen werden.		Zum Erstellen eines neuen Formulars geht man auf den Menüpunkt "Formulare" und dann auf den Button "Neues Formular" rechts neben der Überschrift, stellt die Sprache ein (Deutsch ist Standard) und sieht dann schon ein Template für ein Kontaktformular. Dieses kann nun gelöscht, erweitert und nach Belieben angepasst werden. Alle Änderungen "Speichern", da sonst beim Verlassen der Seite die Änderungen nicht übernommen werden.

Kristina Kunze: /* Formular Template Filterführung */

2014-07-18T09:07:20Z

Formular Template Filterführung

← Nächstältere Version		Version vom 18. Juli 2014, 11:07 Uhr
Zeile 95:		Zeile 95:
	</p>		</p>

	<!-- Dabei muss die ID hier dem value des Radiobuttons mit Namen 'Zielgruppe' entsprechen, damit bei der Auswahl eine Aktion durchgeführt wird. Die 2 nachfolgenden div's mit den Buttons für die Workshops sind nicht sichtbar (style= "display:none"). Diese werden je nach Auswahl der Zielgruppe vom Skript dann auf sichtbar gesetzt ( $('#'+test).show()) -->		<!-- Dabei muss die ID hier dem value des Radiobuttons mit Namen 'Zielgruppe' entsprechen,
			damit bei der Auswahl eine Aktion durchgeführt wird. Die 2 nachfolgenden div's mit den Buttons
			für die Workshops sind nicht sichtbar (style= "display:none"). Diese werden je nach Auswahl der
			Zielgruppe vom Skript dann auf sichtbar gesetzt ( $('#'+test).show()) -->

	<div id="Lehrer" class="Workshop" style="display:none">		<div id="Lehrer" class="Workshop" style="display:none">

Kristina Kunze: /* Formular Template Filterführung */

2014-07-18T09:06:35Z

Formular Template Filterführung

← Nächstältere Version		Version vom 18. Juli 2014, 11:06 Uhr
Zeile 72:		Zeile 72:
	====Formular Template Filterführung====		====Formular Template Filterführung====

	Da Filterführungen in Formularen sicherlich häufig verwendet werden, wurde ein Template angelegt, um die grundlegende Funktionsweise zu erläutern. Das Template Filterführung kann [https://blogs.urz.uni-halle.de/anmeldeformulare/2014/06/template-filterfuehrung/ hier] ausprobiert werden. Der Code für eine einfache Filterführung mit Radio Buttons und die dazugehörigen Erklärungen finden Sie ~~weiter unten~~.		Da Filterführungen in Formularen sicherlich häufig verwendet werden, wurde ein Template angelegt, um die grundlegende Funktionsweise zu erläutern. Das Template Filterführung kann [https://blogs.urz.uni-halle.de/anmeldeformulare/2014/06/template-filterfuehrung/ hier] ausprobiert werden. Der Code für eine einfache Filterführung mit Radio Buttons und die dazugehörigen Erklärungen finden Sie im folgenden Code-Block.

	Über jQuery wird die Funktionalität des Erkennens des ausgewählten Feldes/Radio Button, sowie das Sichtbarschalten der jeweiligen folgenden Felder ermöglicht. Die Radio Buttons werden über html input Elemente eingefügt und mit Namen und ID's versehen, um ihnen eine Funktionalität geben zu können. Im fertigen Formular werden je nach Auswahl der Zielgruppe (Lehrer oder Student) zwei verschiedene Workshops angezeigt, von denen dann jeweils einer ausgewählt werden kann.		Über jQuery wird die Funktionalität des Erkennens des ausgewählten Feldes/Radio Button, sowie das Sichtbarschalten der jeweiligen folgenden Felder ermöglicht. Die Radio Buttons werden über html input Elemente eingefügt und mit Namen und ID's versehen, um ihnen eine Funktionalität geben zu können. Im fertigen Formular werden je nach Auswahl der Zielgruppe (Lehrer oder Student) zwei verschiedene Workshops angezeigt, von denen dann jeweils einer ausgewählt werden kann.

Kristina Kunze: /* Formular Template Filterführung */

2014-07-18T09:05:35Z

Formular Template Filterführung

← Nächstältere Version		Version vom 18. Juli 2014, 11:05 Uhr
Zeile 72:		Zeile 72:
	====Formular Template Filterführung====		====Formular Template Filterführung====

	Da Filterführungen in Formularen sicherlich häufig verwendet werden, wurde ein Template angelegt, um die grundlegende Funktionsweise zu erläutern. ~~Dieses~~ Template ~~heißt~~ [https://blogs.urz.uni-halle.de/anmeldeformulare/2014/06/template-filterfuehrung/ ~~Template Filterführung~~] ~~und enthält den~~ Code für eine einfache Filterführung mit Radio Buttons und die dazugehörigen Erklärungen.		Da Filterführungen in Formularen sicherlich häufig verwendet werden, wurde ein Template angelegt, um die grundlegende Funktionsweise zu erläutern. Das Template Filterführung kann [https://blogs.urz.uni-halle.de/anmeldeformulare/2014/06/template-filterfuehrung/ hier] ausprobiert werden. Der Code für eine einfache Filterführung mit Radio Buttons und die dazugehörigen Erklärungen finden Sie weiter unten.

	Über jQuery wird die Funktionalität des Erkennens des ausgewählten Feldes/Radio Button, sowie das Sichtbarschalten der jeweiligen folgenden Felder ermöglicht. Die Radio Buttons werden über html input Elemente eingefügt und mit Namen und ID's versehen, um ihnen eine Funktionalität geben zu können. Im fertigen Formular werden je nach Auswahl der Zielgruppe (Lehrer oder Student) zwei verschiedene Workshops angezeigt, von denen dann jeweils einer ausgewählt werden kann.		Über jQuery wird die Funktionalität des Erkennens des ausgewählten Feldes/Radio Button, sowie das Sichtbarschalten der jeweiligen folgenden Felder ermöglicht. Die Radio Buttons werden über html input Elemente eingefügt und mit Namen und ID's versehen, um ihnen eine Funktionalität geben zu können. Im fertigen Formular werden je nach Auswahl der Zielgruppe (Lehrer oder Student) zwei verschiedene Workshops angezeigt, von denen dann jeweils einer ausgewählt werden kann.

Kristina Kunze: /* Formular Template Filterführung */

2014-07-18T09:02:49Z

Formular Template Filterführung

← Nächstältere Version		Version vom 18. Juli 2014, 11:02 Uhr
Zeile 72:		Zeile 72:
	====Formular Template Filterführung====		====Formular Template Filterführung====

	Da Filterführungen in Formularen sicherlich häufig verwendet werden, ~~habe ich~~ ein Template angelegt, um die grundlegende Funktionsweise zu erläutern. Dieses Template heißt "Template Filterführung" und enthält den Code für eine einfache Filterführung mit Radio Buttons und die dazugehörigen Erklärungen.		Da Filterführungen in Formularen sicherlich häufig verwendet werden, wurde ein Template angelegt, um die grundlegende Funktionsweise zu erläutern. Dieses Template heißt [https://blogs.urz.uni-halle.de/anmeldeformulare/2014/06/template-filterfuehrung/ Template Filterführung] und enthält den Code für eine einfache Filterführung mit Radio Buttons und die dazugehörigen Erklärungen.

	Über jQuery wird die Funktionalität des Erkennens des ausgewählten Feldes/Radio Button, sowie das Sichtbarschalten der jeweiligen folgenden Felder ermöglicht. Die Radio Buttons werden über html input Elemente eingefügt und mit Namen und ID's versehen, um ihnen eine Funktionalität geben zu können. Im fertigen Formular werden je nach Auswahl der Zielgruppe (Lehrer oder Student) zwei verschiedene Workshops angezeigt, von denen dann jeweils einer ausgewählt werden kann.		Über jQuery wird die Funktionalität des Erkennens des ausgewählten Feldes/Radio Button, sowie das Sichtbarschalten der jeweiligen folgenden Felder ermöglicht. Die Radio Buttons werden über html input Elemente eingefügt und mit Namen und ID's versehen, um ihnen eine Funktionalität geben zu können. Im fertigen Formular werden je nach Auswahl der Zielgruppe (Lehrer oder Student) zwei verschiedene Workshops angezeigt, von denen dann jeweils einer ausgewählt werden kann.