Änderungen von Dokument Beispiele JavaScript und CSS


Von Version 15.1
bearbeitet von tki
am 23.08.2021, 15:19
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 31.1
bearbeitet von sas
am 23.03.2022, 15:03
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Dokument-Autor
... ... @@ -1,1 +1,1 @@
1 -XWiki.tki
1 +XWiki.sas
Inhalt
... ... @@ -15,7 +15,7 @@
15 15  ; [[Formularbespiele für Berechnungselement>>https://demo7.formcycle.eu/formcycle/form/alias/52/widget_formula/||rel="noopener noreferrer" target="_blank"]]
16 16  : Beispiele für Subtraktion, Summenbildung und String-Verkettung
17 17  
18 -== Datenquellen und Datenbankabfragen ==
18 +== Datenquellen und Abfragen ==
19 19  
20 20  ; [[Autocomplete Funktionen>>https://demo7.formcycle.eu/formcycle/form/alias/52/autocomplete_functions_2||rel="noopener noreferrer" target="_blank"]]
21 21  : Beispiel für die Verwendung von Autocomplete mit CSV oder Datenbank als Quelle.
... ... @@ -24,108 +24,144 @@
24 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 25  
26 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
27 +: Daten aus einer Datenquelle Feldern im Formular zuweisen.
28 28  
29 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
30 +: Demo um den Wert einer beliebigen Spalte einer Datenquelle in ein anderes Feld zu übertragen.
31 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
32 +; [[LDAP-Abfrage über Auswahl-Feld und Autocomplete>>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 und mittels Autocomplete LDAP-Daten abfragen.
34 34  
35 35  == Datum und Zeit ==
36 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
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 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
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 42  
43 -; [[Datumsdifferenz in Tagen>>https://demo7.formcycle.eu/formcycle/form/alias/52/date_difference_in_days/||rel=" noopener noreferrer" target="_blank"]]
43 +; [[Datumsdifferenz in Tagen>>https://demo7.formcycle.eu/formcycle/form/alias/52/date_difference/||rel="noopener noreferrer" target="_blank"]]
44 44  : Differenz in Tagen von Datepicker
45 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
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 48  
49 -; [[Formatierung Geburtstagsfeld>>https://demo7.formcycle.eu/formcycle/form/alias/52/formatting_birthday_field/||rel=" noopener noreferrer" target="_blank"]]
49 +; [[Formatierung Geburtstagsfeld>>https://demo7.formcycle.eu/formcycle/form/alias/52/formatting_birthday_field/||rel="noopener noreferrer" target="_blank"]]
50 50  : Konfiguration des Kalenders
51 51  
52 -; [[Zeitunterschied berechnen>>https://demo7.formcycle.eu/formcycle/form/alias/52/time_difference/||rel=" noopener noreferrer" target="_blank"]]
52 +; [[Zeitunterschied berechnen>>https://demo7.formcycle.eu/formcycle/form/alias/52/time_difference/||rel="noopener noreferrer" target="_blank"]]
53 53  : Differenz und Summe von Uhrzeiten
54 54  
55 -; [[Zeitvalidierung>>https://demo7.formcycle.eu/formcycle/form/alias/52/time_validation/||rel=" noopener noreferrer" target="_blank"]]
55 +; [[Zeitvalidierung>>https://demo7.formcycle.eu/formcycle/form/alias/52/time_validation/||rel="noopener noreferrer" target="_blank"]]
56 56  : Vergleich einer Zeitauswahl
57 57  
58 +== Terminverwaltung ==
59 +
60 +; [[Vorbelegung Terminauswahl>>https://demo7.formcycle.eu/formcycle/form/alias/52/pre-assign-appointment/||rel="noopener noreferrer" target="_blank"]]
61 +: Demo wie es möglich ist ein Datum in Terminverwaltung vorzubelegen innerhalb des Formulars.
62 +
58 58  == Aussehen ==
59 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
65 +; [[Änderung der Textposition>>https://demo7.formcycle.eu/formcycle/form/alias/52/change_text_position/||rel="noopener noreferrer" target="_blank"]]
66 +: Demonstration Text anders zu positionieren.
62 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
68 +; [[Ändern des Ladesymbols>>https://demo7.formcycle.eu/formcycle/form/alias/52/change_loading_symbol/||rel="noopener noreferrer" target="_blank"]]
69 +: Individualisieren des Ladesymbols beim Formularaufruf.
65 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
71 +; [[Anpassen von wiederholenden Elementen>>https://demo7.formcycle.eu/formcycle/form/alias/52/customize_repeating_elements/||rel="noopener noreferrer" target="_blank"]]
72 +: Nutzen Sie Ihre eigenen Knöpfe für wiederholende Elemente.
68 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
74 +; [[Nummerierung wiederholbarer Elemente mit CSS>>https://formexchange.formcycle.eu:443/formcycle/form/alias/104/ numbering_repeatable_elements_css||rel="noopener noreferrer" target="_blank"]]
75 +: Wiederholende Formularelemente werden fortlaufend nummeriert mittels CSS.
76 +:
77 +; [[Nummerierung wiederholbarer Elemente mit JavaScript>>https://formexchange.formcycle.eu:443/formcycle/form/alias/104/ numbering_repeatable_elements_js||rel="noopener noreferrer" target="_blank"]]
78 +: Wiederholende Formularelemente werden fortlaufend nummeriert mittels JavaScript.
71 71  
80 +; [[Eigene Schriftart im Formular verwenden>>https://demo7.formcycle.eu/formcycle/form/alias/52/using_own_font/||rel="noopener noreferrer" target="_blank"]]
81 +: Eigene Schriftart über CSS einbinden und anwenden.
82 +
72 72  == Allgemein ==
73 73  
74 -; [[Formatierung von Zahlen (Autonumeric Konfiguration)>>https://demo7.formcycle.eu/formcycle/form/alias/52/formatting_numbers/||rel=" noopener noreferrer" target="_blank"]]
85 +; [[Übertragung von Eingaben auf die nächste Seite>>https://demo7.formcycle.eu/formcycle/form/alias/52/copy_input_values/||rel="noopener noreferrer" target="_blank"]]
86 +: Felder mit Werten vorbelegen, die in einem anderen Feld eingegeben wurden.
87 +
88 +; [[Löschen von Formulardaten>>https://demo7.formcycle.eu/formcycle/form/alias/52/delete_form_data/||rel="noopener noreferrer" target="_blank"]]
89 +: Zeigt, wie einzelne oder alle Eingabefelder in einem Formular gelöscht werden können, wenn ein Button gedrückt wird.
90 +
91 +; Sprachauswahl
92 +: Um eine Auswahlmöglichkeit für die Sprache zu ermöglichen, sollte das [[Widget Sprachauswahlelement>>doc:Formcycle.PluginDocumentation.WidgetXLanguageSwitchPlugin||target="_blank"]] verwendet werden.
93 +
94 +; [[Lokaler Import und Export von Formdaten>>https://demo7.formcycle.eu/formcycle/form/alias/52/local_import_export/||rel="noopener noreferrer" target="_blank"]]
95 +: Formularinhalte lokal als XML zwischenspeichern und wieder laden.
96 +
97 +; [[Werte vor dem Senden setzen>>https://demo7.formcycle.eu/formcycle/form/alias/52/set_value_before_sending/||rel="noopener noreferrer" target="_blank"]]
98 +: Vor dem Versenden eines Formulars das Formular prüfen und Werte setzen.
99 +
100 +; [[Zwischenspeichern von Formularen>>https://demo7.formcycle.eu/formcycle/form/alias/52/save_form_temporarily/||rel="noopener noreferrer" target="_blank"]]
101 +: Speichern des aktuellen Formularzustands, damit dieses später zu Ende ausgefüllt werden kann.
102 +
103 +; [[Dynamische Vorbelegung>>https://demo7.formcycle.eu/formcycle/form/alias/52/dynamic_prefill/||rel="noopener noreferrer" target="_blank"]]
104 +: Vorbelegung von Formularelementen durch Werte vorhergehender Formularelemente.
105 +
106 +; [[Seriennummer erzeugen>>https://demo7.formcycle.eu/formcycle/form/alias/52/serial_number/||rel="noopener noreferrer" target="_blank"]]
107 +: Seriennummern mithilfe des Datenbank-Zählers erzeugen.
108 +
109 +== Formatierung ==
110 +
111 +; [[Formatierung von Zahlen (Autonumeric Konfiguration)>>https://demo7.formcycle.eu/formcycle/form/alias/52/formatting_numbers/||rel="noopener noreferrer" target="_blank"]]
75 75  : Automatische Formatierung eines Textfeldes in ein konfiguriertes Format und Einheit (autonumeric)
76 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
114 +; [[Formatierung unterschiedlicher Eingabetypen>>https://demo7.formcycle.eu/formcycle/form/alias/52/different_input_formatting/||rel="noopener noreferrer" target="_blank"]]
115 +: Demo für Zeit- und benutzerdefinierte Formatierung anhand der Bibliothek cleave.js
79 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
117 +== Validierung ==
82 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
119 +; [[Bedingungen für Mehrfachauswahlwerte>>https://demo7.formcycle.eu/formcycle/form/alias/52/contraints_multiselect_values/||rel="noopener noreferrer" target="_blank"]]
120 +: Demo, wie es möglich ist, die Sichtbarkeit eines Elements in Abhängigkeit von mehreren Werten einer Auswahl zu ändern.
85 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
122 +; [[Beispiele r Validationsregeln>>https://demo7.formcycle.eu/formcycle/form/alias/52/validation_rules/||rel="noopener noreferrer" target="_blank"]]
123 +: Verschiedene Beispiele für reguläre Ausdrücke bei benutzerdefinierten Datentypen.
88 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.
125 +; [[IBAN Validierung>>https://demo7.formcycle.eu/formcycle/form/alias/52/iban_validation/||rel="noopener noreferrer" target="_blank"]]
126 +: Beispiel r clientseitigen IBAN-Validator
91 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
128 +; [[Mussfeld in Abhängigkeit eines Status>>https://demo7.formcycle.eu/formcycle/form/alias/52/required_field_on_status/||rel="noopener noreferrer" target="_blank"]]
129 +: Demo wie es möglich ist, ein erforderliches Feld in Abhängigkeit von einem Status zu setzen.
130 +
131 +; [[Benutzerdefinierte Bedingung>>https://demo7.formcycle.eu/formcycle/form/alias/52/custom_condition/||rel="noopener noreferrer" target="_blank"]]
132 +: Demo-Formular um eigene Bedingungen an Eingabefeldern zu definieren.
94 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
134 +== Word (Fill) Beispiel ==
97 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
136 +; [[Word (Fill) - Checkboxen und Radiobuttons>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-cb/||rel="noopener noreferrer" target="_blank"]]
137 +: Demonstriert Beispiele für die Funktion cb()
100 100  
139 +; [[Word (Fill) - Word (Fill) - Zählen, Enthält, Ersetzen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-cnt-con-rep/||rel="noopener noreferrer" target="_blank"]]
140 +: Demonstriert Beispiele für die Funktion cnt(), con(), rep()
101 101  
102 -== Verfügbaren Formulare ==
142 +; [[Word (Fill) - Bilder und URL>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-img-url/||rel="noopener noreferrer" target="_blank"]]
143 +: Demonstriert Beispiele für die Funktion image(), b64img() und url()
103 103  
104 -{{table dataTypeAlpha="0-1"}}
105 -|=Kategorie|=Beispielinhalt|=Link zum Formular
106 -!!!
107 -|Allgemein|Textarea automatisch vergrößern|[[https://demo7.formcycle.eu/formcycle/form/provide/407/||target="_blank"]]
108 -|Allgemein|Dynamische Vorbelegung|[[https://demo7.formcycle.eu/formcycle/form/provide/613/||target="_blank"]]
109 -__
110 -
145 +; [[Word (Fill) - Checkboxen und Radiobuttons>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-mergefield/||rel="noopener noreferrer" target="_blank"]]
146 +: Demonstriert Beispiele für ein Merge Field, welches in der Fusszeile verwendet werden kann
111 111  
148 +; [[Word (Fill) - Funktionen zum Entfernen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-rm/||rel="noopener noreferrer" target="_blank"]]
149 +: Demonstriert Beispiele für die Funktion rmp(), rmr(), rmt(), rmtp()
112 112  
113 -|Allgemein|Vorbelegung sich wiederholender Formularelemente|[[https://demo7.formcycle.eu/formcycle/form/provide/614/||target="_blank"]]
114 -|Validierung|Bedingungen für Mehrfachauswahlwerte|[[https://demo7.formcycle.eu/formcycle/form/provide/554/||target="_blank"]]
115 -|Validierung|Beispiel für unterschiedliche Eingabe Formatierung|[[https://demo7.formcycle.eu/formcycle/form/provide/337/||target="_blank"]]
116 -|Validierung|Beispiele für Validationsregeln|[[https://demo7.formcycle.eu/formcycle/form/provide/169/||target="_blank"]]
117 -|Validierung|IBAN Validierung|[[https://demo7.formcycle.eu/formcycle/form/provide/341/||target="_blank"]]
118 -|Validierung|Mussfeld in Abhängigkeit eines Status|[[https://demo7.formcycle.eu/formcycle/form/provide/555/||target="_blank"]]
119 -|Word (Fill) Beispiel|Word (Fill) - Checkboxen und Radiobuttons|[[https://demo7.formcycle.eu/formcycle/form/provide/556/||target="_blank"]]
120 -|Word (Fill) Beispiel|Word (Fill) - Zählen, Enthält, Ersetzen|[[https://demo7.formcycle.eu/formcycle/form/provide/559/||target="_blank"]]
121 -|Word (Fill) Beispiel|Word (Fill) - Bilder und URL|[[https://demo7.formcycle.eu/formcycle/form/provide/560/||target="_blank"]]
122 -|Word (Fill) Beispiel|Word (Fill) - Checkboxen und Radiobuttons|[[https://demo7.formcycle.eu/formcycle/form/provide/562/||target="_blank"]]
123 -|Word (Fill) Beispiel|Word (Fill) - Funktionen zum Entfernen|[[https://demo7.formcycle.eu/formcycle/form/provide/561/||target="_blank"]]
124 -|Word (Fill) Beispiel|Word (Fill) - Wiederholende Elemente|[[https://demo7.formcycle.eu/formcycle/form/provide/557/||target="_blank"]]
125 -|Word (Fill) Beispiel|Word (Fill) - Auswahl-Funktionen|[[https://demo7.formcycle.eu/formcycle/form/provide/558/||target="_blank"]]
126 -|Word (Fill) Beispiel|Word (Fill) - Bild aus Uploadfeld übertragen|[[https://demo7.formcycle.eu/formcycle/form/provide/654/||target="_blank"]]
127 -{{/table}}
151 +; [[Word (Fill) - Wiederholende Elemente>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-repeat/||rel="noopener noreferrer" target="_blank"]]
152 +: Beispiele für die Verwendung wiederholender Elemente in einem Word-Dokument.
128 128  
154 +; [[Word (Fill) - Auswahl-Funktionen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-lst/||rel="noopener noreferrer" target="_blank"]]
155 +: Demonstriert Beispiele für die Funktion lsttxt(), lsttitle(), lst()
156 +
157 +; [[Word (Fill) - Bild aus Uploadfeld übertragen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-upload-to-img/||rel="noopener noreferrer" target="_blank"]]
158 +: Wandelt einen Upload in Bild um
159 +
160 +== Workflow ==
161 +
162 +; [[Temporäre Zwischenspeichern von Formulardaten>>https://demo7.formcycle.eu/formcycle/form/alias/52/save_form_temporarily/||rel="noopener noreferrer" target="_blank"]]
163 +: Speichern des aktuellen Formularzustands, damit dieses später zu Ende ausgefüllt werden kann.
164 +
129 129  == Weitere Demos ==
130 130  
131 131  {{subpages depth="2" title="Demo-Beispiele"/}}