Änderungen von Dokument Beispiele JavaScript und CSS


Von Version 7.3
bearbeitet von gru
am 28.07.2021, 10:28
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 15.1
bearbeitet von tki
am 23.08.2021, 15:19
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Titel
... ... @@ -1,1 +1,1 @@
1 -Beispiele
1 +Beispiele (Demoformulare)
Dokument-Autor
... ... @@ -1,1 +1,1 @@
1 -XWiki.gru
1 +XWiki.tki
Inhalt
... ... @@ -1,4 +1,4 @@
1 -Auf dieser Seite und den Unterseiten werden diverse Beispiele und Formular zu vielen verschiednenen Themen angeboten.
1 +Auf dieser Seite und den Unterseiten werden diverse Beispiele und Formular zu vielen verschiedenen Themen angeboten.
2 2  
3 3  Alle Beispiele können auch direkt auf der Demo-Plattform eingesehen werden.
4 4  
... ... @@ -6,39 +6,110 @@
6 6  - **Benutzername**: demo@demo
7 7  - **Passwort**: {{html}}pa55w0rd@demo{{/html}}
8 8  
9 -== Verfügbare Demoformulare auf dem Demo-Server ==
9 +Im folgenden Teil finden Sie eine Auflistung der vorhandenen Beispielformulare auf dem Demo-Server.
10 10  
11 -Im folgenden finden Sie eine Auflistung der vorhandenen Beispielformulare auf dem Demo-Server.
11 +{{content/}}
12 12  
13 +== Berechnung ==
14 +
15 +; [[Formularbespiele für Berechnungselement>>https://demo7.formcycle.eu/formcycle/form/alias/52/widget_formula/||rel="noopener noreferrer" target="_blank"]]
16 +: Beispiele für Subtraktion, Summenbildung und String-Verkettung
17 +
18 +== Datenquellen und Datenbankabfragen ==
19 +
20 +; [[Autocomplete Funktionen>>https://demo7.formcycle.eu/formcycle/form/alias/52/autocomplete_functions_2||rel="noopener noreferrer" target="_blank"]]
21 +: Beispiel für die Verwendung von Autocomplete mit CSV oder Datenbank als Quelle.
22 +
23 +; [[Filterung einer Auswahl anhand eines Wertes>>https://demo7.formcycle.eu/formcycle/form/alias/52/filter_selection||rel="noopener noreferrer" target="_blank"]]
24 +: Wenn die Auswahl erfolgt ist, soll in einer weiteren Auswahlliste die Werte anhand der Eingabe gefiltert werden. Dabei kann nur eine Datenbank als Quelle verwendet werden.
25 +
26 +; [[Vorbelegung von Daten aus einer Datenquelle>>https://demo7.formcycle.eu/formcycle/form/alias/52/prefilling_data]]
27 +: Daten aus einer Datenquelle Feldern im Formular zuweisen
28 +
29 +; [[Übertragung von Werten einer Auswahlliste>>https://demo7.formcycle.eu/formcycle/form/alias/52/transfer_select_column||rel="noopener noreferrer" target="_blank"]]
30 +: Demo um den Wert einer beliebigen Spalte einer Datenquelle in ein anderes Feld zu übertragen
31 +
32 +; [[LDAP-Abfrage über Auswahl-Feld>>https://demo7.formcycle.eu/formcycle/form/alias/52/ldap_query_selection||rel="noopener noreferrer" target="_blank"]]
33 +: Auswahlfeld mit Werten aus einer LDAP-Abfrage befüllen
34 +
35 +== Datum und Zeit ==
36 +
37 +; [[Kalender Funktionen>>https://demo7.formcycle.eu/formcycle/form/alias/52/calendar_functions/||rel=" noopener noreferrer" target="_blank"]]
38 +: Demo für verfügbare Funktionen zur Konfiguration des Kalender Widgets
39 +
40 +; [[Datum und Zeit initialisieren>>https://demo7.formcycle.eu/formcycle/form/alias/52/datepicker_initialization/||rel=" noopener noreferrer" target="_blank"]]
41 +: Sobald das Formular geöffnet ist, erfolgt die initiale Belegung des Datum und Zeit Wertes
42 +
43 +; [[Datumsdifferenz in Tagen>>https://demo7.formcycle.eu/formcycle/form/alias/52/date_difference_in_days/||rel=" noopener noreferrer" target="_blank"]]
44 +: Differenz in Tagen von Datepicker
45 +
46 +; [[Datumsauswahlbereich einschränken und Validierung>>https://demo7.formcycle.eu/formcycle/form/alias/52/datepicker_validation/||rel=" noopener noreferrer" target="_blank"]]
47 +: Erleichtert die Eingabe von Datumsbereichen und ermöglicht entsprechende Validierung
48 +
49 +; [[Formatierung Geburtstagsfeld>>https://demo7.formcycle.eu/formcycle/form/alias/52/formatting_birthday_field/||rel=" noopener noreferrer" target="_blank"]]
50 +: Konfiguration des Kalenders
51 +
52 +; [[Zeitunterschied berechnen>>https://demo7.formcycle.eu/formcycle/form/alias/52/time_difference/||rel=" noopener noreferrer" target="_blank"]]
53 +: Differenz und Summe von Uhrzeiten
54 +
55 +; [[Zeitvalidierung>>https://demo7.formcycle.eu/formcycle/form/alias/52/time_validation/||rel=" noopener noreferrer" target="_blank"]]
56 +: Vergleich einer Zeitauswahl
57 +
58 +== Aussehen ==
59 +
60 +; [[Änderung der Textposition>>https://demo7.formcycle.eu/formcycle/form/alias/52/change_text_position/||rel=" noopener noreferrer" target="_blank"]]
61 +: Demonstration Text anders zu positionieren
62 +
63 +; [[Ändern des Ladesymbols>>https://demo7.formcycle.eu/formcycle/form/alias/52/change_loading_symbol/||rel=" noopener noreferrer" target="_blank"]]
64 +: Individualisieren des Ladesymbols beim Formularaufruf
65 +
66 +; [[Anpassen von wiederholenden Elementen>>https://demo7.formcycle.eu/formcycle/form/alias/52/customize_repeating_elements/||rel=" noopener noreferrer" target="_blank"]]
67 +: Nutzen Sie Ihre eigenen Knöpfe für wiederholende Elemente
68 +
69 +; [[Nummerierung wiederholbarer Elemente mit CSS>>https://demo7.formcycle.eu/formcycle/form/alias/52/numbering_repeatable_elements_css/||rel=" noopener noreferrer" target="_blank"]]
70 +: Wiederholende Formularelemente werden fortlaufend nummeriert mittels CSS
71 +
72 +== Allgemein ==
73 +
74 +; [[Formatierung von Zahlen (Autonumeric Konfiguration)>>https://demo7.formcycle.eu/formcycle/form/alias/52/formatting_numbers/||rel=" noopener noreferrer" target="_blank"]]
75 +: Automatische Formatierung eines Textfeldes in ein konfiguriertes Format und Einheit (autonumeric)
76 +
77 +; [[Übertragung von Eingaben auf die nächste Seite>>https://demo7.formcycle.eu/formcycle/form/alias/52/copy_input_values/||rel=" noopener noreferrer" target="_blank"]]
78 +: Felder mit Werten vorbelegen, die in einem anderen Feld eingegeben wurden
79 +
80 +; [[Löschen von Formulardaten>>https://demo7.formcycle.eu/formcycle/form/alias/52/delete_form_data/||rel=" noopener noreferrer" target="_blank"]]
81 +: Zeigt, wie einzelne oder alle Eingabefelder in einem Formular gelöscht werden können, wenn ein Button gedrückt wird
82 +
83 +; [[Sprachauswahl>>https://demo7.formcycle.eu/formcycle/form/alias/52/language_selection/||rel=" noopener noreferrer" target="_blank"]]
84 +: Demo um die Sprache des Formulars per Klick zu wechseln
85 +
86 +; [[Lokaler Import und Export von Formdaten>>https://demo7.formcycle.eu/formcycle/form/alias/52/local_import_export/||rel=" noopener noreferrer" target="_blank"]]
87 +: Formularinhalte lokal als XML zwischenspeichern und wieder laden
88 +
89 +; [[Werte vor dem Senden setzen>>https://demo7.formcycle.eu/formcycle/form/alias/52/set_value_before_sending/||rel=" noopener noreferrer" target="_blank"]]
90 +: Vor dem Versenden eines Formulars das Formular prüfen und Werte setzen.
91 +
92 +; [[Textarea automatisch vergrößern>>https://demo7.formcycle.eu/formcycle/form/alias/52/set_value_before_sending/||rel=" noopener noreferrer" target="_blank"]]
93 +: OFFEN
94 +
95 +; [[Zwischenspeichern von Formularen>>https://demo7.formcycle.eu/formcycle/form/alias/52/save_form_temporarily/||rel=" noopener noreferrer" target="_blank"]]
96 +: Speichern des aktuellen Formularzustands, damit dieses später zu Ende ausgefüllt werden kann
97 +
98 +; [[Dynamische Vorbelegung>>https://demo7.formcycle.eu/formcycle/form/alias/52/dynamic_prefill/||rel=" noopener noreferrer" target="_blank"]]
99 +: Vorbelegung von Formularelementen durch Werte vorhergehender Formularelemente
100 +
101 +
102 +== Verfügbaren Formulare ==
103 +
13 13  {{table dataTypeAlpha="0-1"}}
14 14  |=Kategorie|=Beispielinhalt|=Link zum Formular
15 -|Berechnungen|Subtraktion von 2 Werten|[[https://demo7.formcycle.eu/formcycle/form/provide/408/||target="_blank"]]
16 -|Berechnungen|Summenbildung von Werten|[[https://demo7.formcycle.eu/formcycle/form/provide/363/||target="_blank"]]
17 -|Berechnungen|Gleichartige Berechnung mehrerer Formularfelder und Summenbildung|[[https://demo7.formcycle.eu/formcycle/form/provide/611/||target="_blank"]]
18 -|Datenquellen und Datenbankabfragen|Autocomplete Funktionen - Anwendungsmöglichkeiten|[[https://demo7.formcycle.eu/formcycle/form/provide/304/||target="_blank"]]
19 -|Datenquellen und Datenbankabfragen|Filterung einer Auswahl anhand eines Wertes|[[https://demo7.formcycle.eu/formcycle/form/provide/155/||target="_blank"]]
20 -|Datenquellen und Datenbankabfragen|Vorbelegung von Daten aus einer Datenquelle|[[https://demo7.formcycle.eu/formcycle/form/provide/361/||target="_blank"]]
21 -|Datenquellen und Datenbankabfragen|Übertragung von Werten einer Auswahlliste|[[https://demo7.formcycle.eu/formcycle/form/provide/503/||target="_blank"]]
22 -|Datum und Zeit|Kalender Funktionen|[[https://demo7.formcycle.eu/formcycle/form/provide/505/||target="_blank"]]
23 -|Datum und Zeit|Datum und Zeit initialisieren|[[https://demo7.formcycle.eu/formcycle/form/provide/157/||target="_blank"]]
24 -|Datum und Zeit|Datumsdifferenz in Tagen|[[https://demo7.formcycle.eu/formcycle/form/provide/156/||target="_blank"]]
25 -|Datum und Zeit|Datumsauswahlbereich einschränken und Validierung|[[https://demo7.formcycle.eu/formcycle/form/provide/61/||target="_blank"]]
26 -|Datum und Zeit|Formatierung Geburtstagsfeld|[[https://demo7.formcycle.eu/formcycle/form/provide/655/||target="_blank"]]
27 -|Datum und Zeit|Zeitunterschied berechnen|[[https://demo7.formcycle.eu/formcycle/form/provide/609/||target="_blank"]]
28 -|Datum und Zeit|Zeitvalidierung|[[https://demo7.formcycle.eu/formcycle/form/provide/171/||target="_blank"]]
29 -|Aussehen|Änderung der Textposition|[[https://demo7.formcycle.eu/formcycle/form/provide/424/||target="_blank"]]
30 -|Aussehen|Ändern des Ladesymbols|[[https://demo7.formcycle.eu/formcycle/form/provide/418/||target="_blank"]]
31 -|Aussehen|Anpassen von wiederholenden Elementen|[[https://demo7.formcycle.eu/formcycle/form/provide/404/||target="_blank"]]
32 -|Aussehen|Nummerierung wiederholbarer Elemente mit CSS|[[https://demo7.formcycle.eu/formcycle/form/provide/419/||target="_blank"]]
33 -|Allgemein|Formatierung von Zahlen (Autonumeric Konfiguration)|[[https://demo7.formcycle.eu/formcycle/form/provide/335/||target="_blank"]]
34 -|Allgemein|Übertragung von Eingaben auf die nächste Seite|[[https://demo7.formcycle.eu/formcycle/form/provide/417/||target="_blank"]]
35 -|Allgemein|Löschen von Formulardaten|[[https://demo7.formcycle.eu/formcycle/form/provide/454/1/||target="_blank"]]
36 -|Allgemein|Sprachauswahl|[[https://demo7.formcycle.eu/formcycle/form/provide/552/||target="_blank"]]
37 -|Allgemein|Lokaler Import und Export von Formdaten|[[https://demo7.formcycle.eu/formcycle/form/provide/430/||target="_blank"]]
38 -|Allgemein|Werte vor dem Senden setzen|[[https://demo7.formcycle.eu/formcycle/form/provide/452/||target="_blank"]]
106 +!!!
39 39  |Allgemein|Textarea automatisch vergrößern|[[https://demo7.formcycle.eu/formcycle/form/provide/407/||target="_blank"]]
40 -|Allgemein|Zwischenspeichern von Formularen|[[https://demo7.formcycle.eu/formcycle/form/provide/612/||target="_blank"]]
41 41  |Allgemein|Dynamische Vorbelegung|[[https://demo7.formcycle.eu/formcycle/form/provide/613/||target="_blank"]]
109 +__
110 +
111 +
112 +
42 42  |Allgemein|Vorbelegung sich wiederholender Formularelemente|[[https://demo7.formcycle.eu/formcycle/form/provide/614/||target="_blank"]]
43 43  |Validierung|Bedingungen für Mehrfachauswahlwerte|[[https://demo7.formcycle.eu/formcycle/form/provide/554/||target="_blank"]]
44 44  |Validierung|Beispiel für unterschiedliche Eingabe Formatierung|[[https://demo7.formcycle.eu/formcycle/form/provide/337/||target="_blank"]]
... ... @@ -45,7 +45,6 @@
45 45  |Validierung|Beispiele für Validationsregeln|[[https://demo7.formcycle.eu/formcycle/form/provide/169/||target="_blank"]]
46 46  |Validierung|IBAN Validierung|[[https://demo7.formcycle.eu/formcycle/form/provide/341/||target="_blank"]]
47 47  |Validierung|Mussfeld in Abhängigkeit eines Status|[[https://demo7.formcycle.eu/formcycle/form/provide/555/||target="_blank"]]
48 -|Widget Berechnungselement|Formularbespiele für Berchnungselement|[[https://demo7.formcycle.eu/formcycle/form/provide/653/||target="_blank"]]
49 49  |Word (Fill) Beispiel|Word (Fill) - Checkboxen und Radiobuttons|[[https://demo7.formcycle.eu/formcycle/form/provide/556/||target="_blank"]]
50 50  |Word (Fill) Beispiel|Word (Fill) - Zählen, Enthält, Ersetzen|[[https://demo7.formcycle.eu/formcycle/form/provide/559/||target="_blank"]]
51 51  |Word (Fill) Beispiel|Word (Fill) - Bilder und URL|[[https://demo7.formcycle.eu/formcycle/form/provide/560/||target="_blank"]]