| ... |
... |
@@ -14,8 +14,11 @@ |
| 14 |
14 |
|
| 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 |
+: |
|
18 |
+; [[Alter berechnen>>https://formexchange.formcycle.eu:443/formcycle/form/alias/104/calculating_age/||rel="noopener noreferrer" target="_blank"]] (im Formular-Store verfügbar) |
|
19 |
+: Demo zur Berechnung des Alters anhand des Geburtstagsdatums. |
| 17 |
17 |
|
| 18 |
|
-== Datenquellen und Datenbankabfragen == |
|
21 |
+== 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,27 +24,27 @@ |
| 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 |
|
30 |
+: 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 |
|
33 |
+: 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 |
|
35 |
+; [[LDAP-Abfrage über Auswahl-Feld und Autocomplete>>https://demo7.formcycle.eu/formcycle/form/alias/52/ldap_query_selection||rel="noopener noreferrer" target="_blank"]] |
|
36 |
+: 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 |
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 |
|
41 |
+: Demo für verfügbare Funktionen zur Konfiguration des Kalender Widgets. |
| 39 |
39 |
|
| 40 |
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 |
|
44 |
+: 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"]] |
|
46 |
+; [[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 |
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 |
|
50 |
+: Erleichtert die Eingabe von Datumsbereichen und ermöglicht entsprechende Validierung. |
| 48 |
48 |
|
| 49 |
49 |
; [[Formatierung Geburtstagsfeld>>https://demo7.formcycle.eu/formcycle/form/alias/52/formatting_birthday_field/||rel="noopener noreferrer" target="_blank"]] |
| 50 |
50 |
: Konfiguration des Kalenders |
| ... |
... |
@@ -55,60 +55,69 @@ |
| 55 |
55 |
; [[Zeitvalidierung>>https://demo7.formcycle.eu/formcycle/form/alias/52/time_validation/||rel="noopener noreferrer" target="_blank"]] |
| 56 |
56 |
: Vergleich einer Zeitauswahl |
| 57 |
57 |
|
|
61 |
+== Terminverwaltung == |
|
62 |
+ |
|
63 |
+; [[Vorbelegung Terminauswahl>>https://demo7.formcycle.eu/formcycle/form/alias/52/pre-assign-appointment/||rel="noopener noreferrer" target="_blank"]] |
|
64 |
+: Demo wie es möglich ist ein Datum in Terminverwaltung vorzubelegen innerhalb des Formulars. |
|
65 |
+ |
| 58 |
58 |
== Aussehen == |
| 59 |
59 |
|
| 60 |
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 |
|
69 |
+: Demonstration Text anders zu positionieren. |
| 62 |
62 |
|
| 63 |
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 |
|
72 |
+: Individualisieren des Ladesymbols beim Formularaufruf. |
| 65 |
65 |
|
| 66 |
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 |
|
75 |
+: 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 |
|
77 |
+; [[Nummerierung wiederholbarer Elemente mit CSS>>https://formexchange.formcycle.eu:443/formcycle/form/alias/104/numbering_repeatable_elements_css||rel="noopener noreferrer" target="_blank"]] |
|
78 |
+: Wiederholende Formularelemente werden fortlaufend nummeriert mittels CSS. |
|
79 |
+: |
|
80 |
+; [[Nummerierung wiederholbarer Elemente mit JavaScript>>https://formexchange.formcycle.eu:443/formcycle/form/alias/104/numbering_repeatable_elements_js||rel="noopener noreferrer" target="_blank"]] |
|
81 |
+: Wiederholende Formularelemente werden fortlaufend nummeriert mittels JavaScript. |
| 71 |
71 |
|
| 72 |
72 |
; [[Eigene Schriftart im Formular verwenden>>https://demo7.formcycle.eu/formcycle/form/alias/52/using_own_font/||rel="noopener noreferrer" target="_blank"]] |
| 73 |
|
-: Eigene Schriftart über CSS einbinden und anwenden |
|
84 |
+: Eigene Schriftart über CSS einbinden und anwenden. |
| 74 |
74 |
|
| 75 |
75 |
== Allgemein == |
| 76 |
76 |
|
| 77 |
|
-; [[Formatierung von Zahlen (Autonumeric Konfiguration)>>https://demo7.formcycle.eu/formcycle/form/alias/52/formatting_numbers/||rel="noopener noreferrer" target="_blank"]] |
| 78 |
|
-: Automatische Formatierung eines Textfeldes in ein konfiguriertes Format und Einheit (autonumeric) |
| 79 |
|
- |
| 80 |
|
-; [[Formatierung unterschiedlicher Eingabetypen>>https://demo7.formcycle.eu/formcycle/form/alias/52/different_input_formatting/||rel="noopener noreferrer" target="_blank"]] |
| 81 |
|
-: Demo für Zeit- und benutzerdefinierte Formatierung anhand der Bibliothek cleave.js |
| 82 |
|
- |
| 83 |
83 |
; [[Übertragung von Eingaben auf die nächste Seite>>https://demo7.formcycle.eu/formcycle/form/alias/52/copy_input_values/||rel="noopener noreferrer" target="_blank"]] |
| 84 |
|
-: Felder mit Werten vorbelegen, die in einem anderen Feld eingegeben wurden |
|
89 |
+: Felder mit Werten vorbelegen, die in einem anderen Feld eingegeben wurden. |
| 85 |
85 |
|
| 86 |
86 |
; [[Löschen von Formulardaten>>https://demo7.formcycle.eu/formcycle/form/alias/52/delete_form_data/||rel="noopener noreferrer" target="_blank"]] |
| 87 |
|
-: Zeigt, wie einzelne oder alle Eingabefelder in einem Formular gelöscht werden können, wenn ein Button gedrückt wird |
|
92 |
+: Zeigt, wie einzelne oder alle Eingabefelder in einem Formular gelöscht werden können, wenn ein Button gedrückt wird. |
| 88 |
88 |
|
| 89 |
|
-; [[Sprachauswahl>>https://demo7.formcycle.eu/formcycle/form/alias/52/language_selection/||rel="noopener noreferrer" target="_blank"]] |
| 90 |
|
-: Demo um die Sprache des Formulars per Klick zu wechseln |
|
94 |
+; Sprachauswahl |
|
95 |
+: Um eine Auswahlmöglichkeit für die Sprache zu ermöglichen, sollte das [[Widget Sprachauswahlelement>>doc:Formcycle.PluginDocumentation.WidgetXLanguageSwitchPlugin||target="_blank"]] verwendet werden. |
| 91 |
91 |
|
| 92 |
92 |
; [[Lokaler Import und Export von Formdaten>>https://demo7.formcycle.eu/formcycle/form/alias/52/local_import_export/||rel="noopener noreferrer" target="_blank"]] |
| 93 |
|
-: Formularinhalte lokal als XML zwischenspeichern und wieder laden |
|
98 |
+: Formularinhalte lokal als XML zwischenspeichern und wieder laden. |
| 94 |
94 |
|
| 95 |
95 |
; [[Werte vor dem Senden setzen>>https://demo7.formcycle.eu/formcycle/form/alias/52/set_value_before_sending/||rel="noopener noreferrer" target="_blank"]] |
| 96 |
96 |
: Vor dem Versenden eines Formulars das Formular prüfen und Werte setzen. |
| 97 |
|
-{{velocity}}##; [[Textarea automatisch vergrößern>>https://demo7.formcycle.eu/formcycle/form/alias/52/set_value_before_sending/||rel=" noopener noreferrer" target="_blank"]] |
| 98 |
|
-##: (OFFEN){{/velocity}} |
| 99 |
99 |
|
| 100 |
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 |
|
104 |
+: Speichern des aktuellen Formularzustands, damit dieses später zu Ende ausgefüllt werden kann. |
| 102 |
102 |
|
| 103 |
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 {{velocity}}##(OFFEN){{/velocity}} |
| 105 |
|
-{{velocity}}##; [[Vorbelegung sich wiederholender Formularelemente>>https://demo7.formcycle.eu/formcycle/form/provide/614/||rel=" noopener noreferrer" target="_blank"]] |
| 106 |
|
-##: (OFFEN){{/velocity}} |
|
107 |
+: Vorbelegung von Formularelementen durch Werte vorhergehender Formularelemente. |
| 107 |
107 |
|
|
109 |
+; [[Seriennummer erzeugen>>https://demo7.formcycle.eu/formcycle/form/alias/52/serial_number/||rel="noopener noreferrer" target="_blank"]] |
|
110 |
+: Seriennummern mithilfe des Datenbank-Zählers erzeugen. |
|
111 |
+ |
|
112 |
+== Formatierung == |
|
113 |
+ |
|
114 |
+; [[Formatierung von Zahlen (Autonumeric Konfiguration)>>https://demo7.formcycle.eu/formcycle/form/alias/52/formatting_numbers/||rel="noopener noreferrer" target="_blank"]] |
|
115 |
+: Automatische Formatierung eines Textfeldes in ein konfiguriertes Format und Einheit (autonumeric) |
|
116 |
+ |
|
117 |
+; [[Formatierung unterschiedlicher Eingabetypen>>https://demo7.formcycle.eu/formcycle/form/alias/52/different_input_formatting/||rel="noopener noreferrer" target="_blank"]] |
|
118 |
+: Demo für Zeit- und benutzerdefinierte Formatierung anhand der Bibliothek cleave.js |
|
119 |
+ |
| 108 |
108 |
== Validierung == |
| 109 |
109 |
|
| 110 |
110 |
; [[Bedingungen für Mehrfachauswahlwerte>>https://demo7.formcycle.eu/formcycle/form/alias/52/contraints_multiselect_values/||rel="noopener noreferrer" target="_blank"]] |
| 111 |
|
-: Demo, wie es möglich ist, die Sichtbarkeit eines Elements in Abhängigkeit von mehreren Werten einer Auswahl zu ändern |
|
123 |
+: Demo, wie es möglich ist, die Sichtbarkeit eines Elements in Abhängigkeit von mehreren Werten einer Auswahl zu ändern. |
| 112 |
112 |
|
| 113 |
113 |
; [[Beispiele für Validationsregeln>>https://demo7.formcycle.eu/formcycle/form/alias/52/validation_rules/||rel="noopener noreferrer" target="_blank"]] |
| 114 |
114 |
: Verschiedene Beispiele für reguläre Ausdrücke bei benutzerdefinierten Datentypen. |
| ... |
... |
@@ -117,7 +117,10 @@ |
| 117 |
117 |
: Beispiel für clientseitigen IBAN-Validator |
| 118 |
118 |
|
| 119 |
119 |
; [[Mussfeld in Abhängigkeit eines Status>>https://demo7.formcycle.eu/formcycle/form/alias/52/required_field_on_status/||rel="noopener noreferrer" target="_blank"]] |
| 120 |
|
-: Demo wie es möglich ist, ein erforderliches Feld in Abhängigkeit von einem Status zu setzen |
|
132 |
+: Demo wie es möglich ist, ein erforderliches Feld in Abhängigkeit von einem Status zu setzen. |
|
133 |
+ |
|
134 |
+; [[Benutzerdefinierte Bedingung>>https://demo7.formcycle.eu/formcycle/form/alias/52/custom_condition/||rel="noopener noreferrer" target="_blank"]] |
|
135 |
+: Demo-Formular um eigene Bedingungen an Eingabefeldern zu definieren. |
| 121 |
121 |
|
| 122 |
122 |
== Word (Fill) Beispiel == |
| 123 |
123 |
|
| ... |
... |
@@ -145,6 +145,11 @@ |
| 145 |
145 |
; [[Word (Fill) - Bild aus Uploadfeld übertragen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-upload-to-img/||rel="noopener noreferrer" target="_blank"]] |
| 146 |
146 |
: Wandelt einen Upload in Bild um |
| 147 |
147 |
|
|
163 |
+== Workflow == |
|
164 |
+ |
|
165 |
+; [[Temporäre Zwischenspeichern von Formulardaten>>https://demo7.formcycle.eu/formcycle/form/alias/52/save_form_temporarily/||rel="noopener noreferrer" target="_blank"]] |
|
166 |
+: Speichern des aktuellen Formularzustands, damit dieses später zu Ende ausgefüllt werden kann. |
|
167 |
+ |
| 148 |
148 |
== Weitere Demos == |
| 149 |
149 |
|
| 150 |
150 |
{{subpages depth="2" title="Demo-Beispiele"/}} |
