... |
... |
@@ -12,13 +12,10 @@ |
12 |
12 |
|
13 |
13 |
== Berechnung == |
14 |
14 |
|
15 |
|
-; [[Formularbespiele für Berechnungselement>>https://formexchange.formcycle.eu:443/formcycle/form/alias/104/widget_formula||rel="noopener noreferrer" target="_blank"]] (im Formular-Store verfügbar) |
|
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. |
20 |
20 |
|
21 |
|
-== Datenquellen und Abfragen == |
|
18 |
+== Datenquellen und Datenbankabfragen == |
22 |
22 |
|
23 |
23 |
; [[Autocomplete Funktionen>>https://demo7.formcycle.eu/formcycle/form/alias/52/autocomplete_functions_2||rel="noopener noreferrer" target="_blank"]] |
24 |
24 |
: Beispiel für die Verwendung von Autocomplete mit CSV oder Datenbank als Quelle. |
... |
... |
@@ -27,27 +27,27 @@ |
27 |
27 |
: 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. |
28 |
28 |
|
29 |
29 |
; [[Vorbelegung von Daten aus einer Datenquelle>>https://demo7.formcycle.eu/formcycle/form/alias/52/prefilling_data]] |
30 |
|
-: Daten aus einer Datenquelle Feldern im Formular zuweisen. |
|
27 |
+: Daten aus einer Datenquelle Feldern im Formular zuweisen |
31 |
31 |
|
32 |
32 |
; [[Übertragung von Werten einer Auswahlliste>>https://demo7.formcycle.eu/formcycle/form/alias/52/transfer_select_column||rel="noopener noreferrer" target="_blank"]] |
33 |
|
-: 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 |
34 |
34 |
|
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. |
|
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 |
37 |
37 |
|
38 |
38 |
== Datum und Zeit == |
39 |
39 |
|
40 |
|
-; [[Kalender Funktionen>>https://formexchange.formcycle.eu:443/formcycle/form/alias/104/calendar_functions||rel="noopener noreferrer" target="_blank"]] (im Formular-Store verfügbar) |
41 |
|
-: 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 |
42 |
42 |
|
43 |
|
-; [[Datum und Zeit initialisieren>>https://formexchange.formcycle.eu:443/formcycle/form/alias/104/date_time_initialization||rel="noopener noreferrer" target="_blank"]] (im Formular-Store verfügbar) |
44 |
|
-: 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 |
45 |
45 |
|
46 |
|
-; [[Datumsdifferenz in Tagen>>https://formexchange.formcycle.eu/formcycle/form/alias/104/date_difference_in_days/||rel="noopener noreferrer" target="_blank"]] (im Formular-Store verfügbar) |
|
43 |
+; [[Datumsdifferenz in Tagen>>https://demo7.formcycle.eu/formcycle/form/alias/52/date_difference_in_days/||rel="noopener noreferrer" target="_blank"]] |
47 |
47 |
: Differenz in Tagen von Datepicker |
48 |
48 |
|
49 |
|
-; [[Datumsauswahlbereich einschränken und Validierung>>https://formexchange.formcycle.eu/formcycle/form/alias/104/datepicker_validation/||rel="noopener noreferrer" target="_blank"]] (im Formular-Store verfügbar) |
50 |
|
-: 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 |
51 |
51 |
|
52 |
52 |
; [[Formatierung Geburtstagsfeld>>https://demo7.formcycle.eu/formcycle/form/alias/52/formatting_birthday_field/||rel="noopener noreferrer" target="_blank"]] |
53 |
53 |
: Konfiguration des Kalenders |
... |
... |
@@ -58,69 +58,57 @@ |
58 |
58 |
; [[Zeitvalidierung>>https://demo7.formcycle.eu/formcycle/form/alias/52/time_validation/||rel="noopener noreferrer" target="_blank"]] |
59 |
59 |
: Vergleich einer Zeitauswahl |
60 |
60 |
|
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 |
|
- |
66 |
66 |
== Aussehen == |
67 |
67 |
|
68 |
68 |
; [[Änderung der Textposition>>https://demo7.formcycle.eu/formcycle/form/alias/52/change_text_position/||rel="noopener noreferrer" target="_blank"]] |
69 |
|
-: Demonstration Text anders zu positionieren. |
|
61 |
+: Demonstration Text anders zu positionieren |
70 |
70 |
|
71 |
71 |
; [[Ändern des Ladesymbols>>https://demo7.formcycle.eu/formcycle/form/alias/52/change_loading_symbol/||rel="noopener noreferrer" target="_blank"]] |
72 |
|
-: Individualisieren des Ladesymbols beim Formularaufruf. |
|
64 |
+: Individualisieren des Ladesymbols beim Formularaufruf |
73 |
73 |
|
74 |
74 |
; [[Anpassen von wiederholenden Elementen>>https://demo7.formcycle.eu/formcycle/form/alias/52/customize_repeating_elements/||rel="noopener noreferrer" target="_blank"]] |
75 |
|
-: Nutzen Sie Ihre eigenen Knöpfe für wiederholende Elemente. |
|
67 |
+: Nutzen Sie Ihre eigenen Knöpfe für wiederholende Elemente |
76 |
76 |
|
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. |
|
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 |
82 |
82 |
|
83 |
|
-; [[Eigene Schriftart im Formular verwenden>>https://demo7.formcycle.eu/formcycle/form/alias/52/using_own_font/||rel="noopener noreferrer" target="_blank"]] |
84 |
|
-: Eigene Schriftart über CSS einbinden und anwenden. |
85 |
|
- |
86 |
86 |
== Allgemein == |
87 |
87 |
|
|
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 |
+; [[Formatierung unterschiedlicher Eingabetypen>>https://demo7.formcycle.eu/formcycle/form/alias/52/different_input_formatting/||rel="noopener noreferrer" target="_blank"]] |
|
78 |
+: Demo für Zeit- und benutzerdefinierte Formatierung |
|
79 |
+ |
88 |
88 |
; [[Übertragung von Eingaben auf die nächste Seite>>https://demo7.formcycle.eu/formcycle/form/alias/52/copy_input_values/||rel="noopener noreferrer" target="_blank"]] |
89 |
|
-: Felder mit Werten vorbelegen, die in einem anderen Feld eingegeben wurden. |
|
81 |
+: Felder mit Werten vorbelegen, die in einem anderen Feld eingegeben wurden |
90 |
90 |
|
91 |
91 |
; [[Löschen von Formulardaten>>https://demo7.formcycle.eu/formcycle/form/alias/52/delete_form_data/||rel="noopener noreferrer" target="_blank"]] |
92 |
|
-: Zeigt, wie einzelne oder alle Eingabefelder in einem Formular gelöscht werden können, wenn ein Button gedrückt wird. |
|
84 |
+: Zeigt, wie einzelne oder alle Eingabefelder in einem Formular gelöscht werden können, wenn ein Button gedrückt wird |
93 |
93 |
|
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. |
|
86 |
+; [[Sprachauswahl>>https://demo7.formcycle.eu/formcycle/form/alias/52/language_selection/||rel="noopener noreferrer" target="_blank"]] |
|
87 |
+: Demo um die Sprache des Formulars per Klick zu wechseln |
96 |
96 |
|
97 |
97 |
; [[Lokaler Import und Export von Formdaten>>https://demo7.formcycle.eu/formcycle/form/alias/52/local_import_export/||rel="noopener noreferrer" target="_blank"]] |
98 |
|
-: Formularinhalte lokal als XML zwischenspeichern und wieder laden. |
|
90 |
+: Formularinhalte lokal als XML zwischenspeichern und wieder laden |
99 |
99 |
|
100 |
100 |
; [[Werte vor dem Senden setzen>>https://demo7.formcycle.eu/formcycle/form/alias/52/set_value_before_sending/||rel="noopener noreferrer" target="_blank"]] |
101 |
101 |
: Vor dem Versenden eines Formulars das Formular prüfen und Werte setzen. |
|
94 |
+{{velocity}}##; [[Textarea automatisch vergrößern>>https://demo7.formcycle.eu/formcycle/form/alias/52/set_value_before_sending/||rel=" noopener noreferrer" target="_blank"]] |
|
95 |
+##: (OFFEN){{/velocity}} |
102 |
102 |
|
103 |
103 |
; [[Zwischenspeichern von Formularen>>https://demo7.formcycle.eu/formcycle/form/alias/52/save_form_temporarily/||rel="noopener noreferrer" target="_blank"]] |
104 |
|
-: Speichern des aktuellen Formularzustands, damit dieses später zu Ende ausgefüllt werden kann. |
|
98 |
+: Speichern des aktuellen Formularzustands, damit dieses später zu Ende ausgefüllt werden kann |
105 |
105 |
|
106 |
106 |
; [[Dynamische Vorbelegung>>https://demo7.formcycle.eu/formcycle/form/alias/52/dynamic_prefill/||rel="noopener noreferrer" target="_blank"]] |
107 |
|
-: Vorbelegung von Formularelementen durch Werte vorhergehender Formularelemente. |
|
101 |
+: Vorbelegung von Formularelementen durch Werte vorhergehender Formularelemente {{velocity}}##(OFFEN){{/velocity}} |
|
102 |
+{{velocity}}##; [[Vorbelegung sich wiederholender Formularelemente>>https://demo7.formcycle.eu/formcycle/form/provide/614/||rel=" noopener noreferrer" target="_blank"]] |
|
103 |
+##: (OFFEN){{/velocity}} |
108 |
108 |
|
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 |
|
- |
120 |
120 |
== Validierung == |
121 |
121 |
|
122 |
122 |
; [[Bedingungen für Mehrfachauswahlwerte>>https://demo7.formcycle.eu/formcycle/form/alias/52/contraints_multiselect_values/||rel="noopener noreferrer" target="_blank"]] |
123 |
|
-: Demo, wie es möglich ist, die Sichtbarkeit eines Elements in Abhängigkeit von mehreren Werten einer Auswahl zu ändern. |
|
108 |
+: Demo, wie es möglich ist, die Sichtbarkeit eines Elements in Abhängigkeit von mehreren Werten einer Auswahl zu ändern |
124 |
124 |
|
125 |
125 |
; [[Beispiele für Validationsregeln>>https://demo7.formcycle.eu/formcycle/form/alias/52/validation_rules/||rel="noopener noreferrer" target="_blank"]] |
126 |
126 |
: Verschiedene Beispiele für reguläre Ausdrücke bei benutzerdefinierten Datentypen. |
... |
... |
@@ -129,10 +129,7 @@ |
129 |
129 |
: Beispiel für clientseitigen IBAN-Validator |
130 |
130 |
|
131 |
131 |
; [[Mussfeld in Abhängigkeit eines Status>>https://demo7.formcycle.eu/formcycle/form/alias/52/required_field_on_status/||rel="noopener noreferrer" target="_blank"]] |
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. |
|
117 |
+: Demo wie es möglich ist, ein erforderliches Feld in Abhängigkeit von einem Status zu setzen |
136 |
136 |
|
137 |
137 |
== Word (Fill) Beispiel == |
138 |
138 |
|
... |
... |
@@ -160,11 +160,6 @@ |
160 |
160 |
; [[Word (Fill) - Bild aus Uploadfeld übertragen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-upload-to-img/||rel="noopener noreferrer" target="_blank"]] |
161 |
161 |
: Wandelt einen Upload in Bild um |
162 |
162 |
|
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 |
|
- |
168 |
168 |
== Weitere Demos == |
169 |
169 |
|
170 |
170 |
{{subpages depth="2" title="Demo-Beispiele"/}} |