| ... |
... |
@@ -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 |
|
| ... |
... |
@@ -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,54 +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 |
|
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 |
|
-== Verfügbaren Formulare == |
|
38 |
+== Datum und Zeit == |
| 36 |
36 |
|
| 37 |
|
-{{table dataTypeAlpha="0-1"}} |
| 38 |
|
-|=Kategorie|=Beispielinhalt|=Link zum Formular |
| 39 |
|
-|Datum und Zeit|Kalender Funktionen|[[https://demo7.formcycle.eu/formcycle/form/provide/505/||target="_blank"]] |
| 40 |
|
-|Datum und Zeit|Datum und Zeit initialisieren|[[https://demo7.formcycle.eu/formcycle/form/provide/157/||target="_blank"]] |
| 41 |
|
-|Datum und Zeit|Datumsdifferenz in Tagen|[[https://demo7.formcycle.eu/formcycle/form/provide/156/||target="_blank"]] |
| 42 |
|
-|Datum und Zeit|Datumsauswahlbereich einschränken und Validierung|[[https://demo7.formcycle.eu/formcycle/form/provide/61/||target="_blank"]] |
| 43 |
|
-|Datum und Zeit|Formatierung Geburtstagsfeld|[[https://demo7.formcycle.eu/formcycle/form/provide/655/||target="_blank"]] |
| 44 |
|
-|Datum und Zeit|Zeitunterschied berechnen|[[https://demo7.formcycle.eu/formcycle/form/provide/609/||target="_blank"]] |
| 45 |
|
-|Datum und Zeit|Zeitvalidierung|[[https://demo7.formcycle.eu/formcycle/form/provide/171/||target="_blank"]] |
| 46 |
|
-|Aussehen|Änderung der Textposition|[[https://demo7.formcycle.eu/formcycle/form/provide/424/||target="_blank"]] |
| 47 |
|
-|Aussehen|Ändern des Ladesymbols|[[https://demo7.formcycle.eu/formcycle/form/provide/418/||target="_blank"]] |
| 48 |
|
-|Aussehen|Anpassen von wiederholenden Elementen|[[https://demo7.formcycle.eu/formcycle/form/provide/404/||target="_blank"]] |
| 49 |
|
-|Aussehen|Nummerierung wiederholbarer Elemente mit CSS|[[https://demo7.formcycle.eu/formcycle/form/provide/419/||target="_blank"]] |
| 50 |
|
-|Allgemein|Formatierung von Zahlen (Autonumeric Konfiguration)|[[https://demo7.formcycle.eu/formcycle/form/provide/335/||target="_blank"]] |
| 51 |
|
-|Allgemein|Übertragung von Eingaben auf die nächste Seite|[[https://demo7.formcycle.eu/formcycle/form/provide/417/||target="_blank"]] |
| 52 |
|
-|Allgemein|Löschen von Formulardaten|[[https://demo7.formcycle.eu/formcycle/form/provide/454/1/||target="_blank"]] |
| 53 |
|
-|Allgemein|Sprachauswahl|[[https://demo7.formcycle.eu/formcycle/form/provide/552/||target="_blank"]] |
| 54 |
|
-|Allgemein|Lokaler Import und Export von Formdaten|[[https://demo7.formcycle.eu/formcycle/form/provide/430/||target="_blank"]] |
| 55 |
|
-|Allgemein|Werte vor dem Senden setzen|[[https://demo7.formcycle.eu/formcycle/form/provide/452/||target="_blank"]] |
| 56 |
|
-|Allgemein|Textarea automatisch vergrößern|[[https://demo7.formcycle.eu/formcycle/form/provide/407/||target="_blank"]] |
| 57 |
|
-|Allgemein|Zwischenspeichern von Formularen|[[https://demo7.formcycle.eu/formcycle/form/provide/612/||target="_blank"]] |
| 58 |
|
-|Allgemein|Dynamische Vorbelegung|[[https://demo7.formcycle.eu/formcycle/form/provide/613/||target="_blank"]] |
| 59 |
|
-|Allgemein|Vorbelegung sich wiederholender Formularelemente|[[https://demo7.formcycle.eu/formcycle/form/provide/614/||target="_blank"]] |
| 60 |
|
-|Validierung|Bedingungen für Mehrfachauswahlwerte|[[https://demo7.formcycle.eu/formcycle/form/provide/554/||target="_blank"]] |
| 61 |
|
-|Validierung|Beispiel für unterschiedliche Eingabe Formatierung|[[https://demo7.formcycle.eu/formcycle/form/provide/337/||target="_blank"]] |
| 62 |
|
-|Validierung|Beispiele für Validationsregeln|[[https://demo7.formcycle.eu/formcycle/form/provide/169/||target="_blank"]] |
| 63 |
|
-|Validierung|IBAN Validierung|[[https://demo7.formcycle.eu/formcycle/form/provide/341/||target="_blank"]] |
| 64 |
|
-|Validierung|Mussfeld in Abhängigkeit eines Status|[[https://demo7.formcycle.eu/formcycle/form/provide/555/||target="_blank"]] |
| 65 |
|
-|Word (Fill) Beispiel|Word (Fill) - Checkboxen und Radiobuttons|[[https://demo7.formcycle.eu/formcycle/form/provide/556/||target="_blank"]] |
| 66 |
|
-|Word (Fill) Beispiel|Word (Fill) - Zählen, Enthält, Ersetzen|[[https://demo7.formcycle.eu/formcycle/form/provide/559/||target="_blank"]] |
| 67 |
|
-|Word (Fill) Beispiel|Word (Fill) - Bilder und URL|[[https://demo7.formcycle.eu/formcycle/form/provide/560/||target="_blank"]] |
| 68 |
|
-|Word (Fill) Beispiel|Word (Fill) - Checkboxen und Radiobuttons|[[https://demo7.formcycle.eu/formcycle/form/provide/562/||target="_blank"]] |
| 69 |
|
-|Word (Fill) Beispiel|Word (Fill) - Funktionen zum Entfernen|[[https://demo7.formcycle.eu/formcycle/form/provide/561/||target="_blank"]] |
| 70 |
|
-|Word (Fill) Beispiel|Word (Fill) - Wiederholende Elemente|[[https://demo7.formcycle.eu/formcycle/form/provide/557/||target="_blank"]] |
| 71 |
|
-|Word (Fill) Beispiel|Word (Fill) - Auswahl-Funktionen|[[https://demo7.formcycle.eu/formcycle/form/provide/558/||target="_blank"]] |
| 72 |
|
-|Word (Fill) Beispiel|Word (Fill) - Bild aus Uploadfeld übertragen|[[https://demo7.formcycle.eu/formcycle/form/provide/654/||target="_blank"]] |
| 73 |
|
-{{/table}} |
|
40 |
+; [[Kalender Funktionen>>https://demo7.formcycle.eu/formcycle/form/alias/52/calendar_functions/||rel="noopener noreferrer" target="_blank"]] |
|
41 |
+: Demo für verfügbare Funktionen zur Konfiguration des Kalender Widgets. |
| 74 |
74 |
|
|
43 |
+; [[Datum und Zeit initialisieren>>https://demo7.formcycle.eu/formcycle/form/alias/52/datepicker_initialization/||rel="noopener noreferrer" target="_blank"]] |
|
44 |
+: Sobald das Formular geöffnet ist, erfolgt die initiale Belegung des Datum und Zeit Wertes. |
|
45 |
+ |
|
46 |
+; [[Datumsdifferenz in Tagen>>https://demo7.formcycle.eu/formcycle/form/alias/52/date_difference/||rel="noopener noreferrer" target="_blank"]] |
|
47 |
+: Differenz in Tagen von Datepicker |
|
48 |
+ |
|
49 |
+; [[Datumsauswahlbereich einschränken und Validierung>>https://demo7.formcycle.eu/formcycle/form/alias/52/datepicker_validation/||rel="noopener noreferrer" target="_blank"]] |
|
50 |
+: Erleichtert die Eingabe von Datumsbereichen und ermöglicht entsprechende Validierung. |
|
51 |
+ |
|
52 |
+; [[Formatierung Geburtstagsfeld>>https://demo7.formcycle.eu/formcycle/form/alias/52/formatting_birthday_field/||rel="noopener noreferrer" target="_blank"]] |
|
53 |
+: Konfiguration des Kalenders |
|
54 |
+ |
|
55 |
+; [[Zeitunterschied berechnen>>https://demo7.formcycle.eu/formcycle/form/alias/52/time_difference/||rel="noopener noreferrer" target="_blank"]] |
|
56 |
+: Differenz und Summe von Uhrzeiten |
|
57 |
+ |
|
58 |
+; [[Zeitvalidierung>>https://demo7.formcycle.eu/formcycle/form/alias/52/time_validation/||rel="noopener noreferrer" target="_blank"]] |
|
59 |
+: Vergleich einer Zeitauswahl |
|
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 |
+== Aussehen == |
|
67 |
+ |
|
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. |
|
70 |
+ |
|
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. |
|
73 |
+ |
|
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. |
|
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. |
|
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 |
+== Allgemein == |
|
87 |
+ |
|
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. |
|
90 |
+ |
|
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. |
|
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. |
|
96 |
+ |
|
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. |
|
99 |
+ |
|
100 |
+; [[Werte vor dem Senden setzen>>https://demo7.formcycle.eu/formcycle/form/alias/52/set_value_before_sending/||rel="noopener noreferrer" target="_blank"]] |
|
101 |
+: Vor dem Versenden eines Formulars das Formular prüfen und Werte setzen. |
|
102 |
+ |
|
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. |
|
105 |
+ |
|
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. |
|
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 |
+== Validierung == |
|
121 |
+ |
|
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. |
|
124 |
+ |
|
125 |
+; [[Beispiele für Validationsregeln>>https://demo7.formcycle.eu/formcycle/form/alias/52/validation_rules/||rel="noopener noreferrer" target="_blank"]] |
|
126 |
+: Verschiedene Beispiele für reguläre Ausdrücke bei benutzerdefinierten Datentypen. |
|
127 |
+ |
|
128 |
+; [[IBAN Validierung>>https://demo7.formcycle.eu/formcycle/form/alias/52/iban_validation/||rel="noopener noreferrer" target="_blank"]] |
|
129 |
+: Beispiel für clientseitigen IBAN-Validator |
|
130 |
+ |
|
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. |
|
136 |
+ |
|
137 |
+== Word (Fill) Beispiel == |
|
138 |
+ |
|
139 |
+; [[Word (Fill) - Checkboxen und Radiobuttons>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-cb/||rel="noopener noreferrer" target="_blank"]] |
|
140 |
+: Demonstriert Beispiele für die Funktion cb() |
|
141 |
+ |
|
142 |
+; [[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"]] |
|
143 |
+: Demonstriert Beispiele für die Funktion cnt(), con(), rep() |
|
144 |
+ |
|
145 |
+; [[Word (Fill) - Bilder und URL>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-img-url/||rel="noopener noreferrer" target="_blank"]] |
|
146 |
+: Demonstriert Beispiele für die Funktion image(), b64img() und url() |
|
147 |
+ |
|
148 |
+; [[Word (Fill) - Checkboxen und Radiobuttons>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-mergefield/||rel="noopener noreferrer" target="_blank"]] |
|
149 |
+: Demonstriert Beispiele für ein Merge Field, welches in der Fusszeile verwendet werden kann |
|
150 |
+ |
|
151 |
+; [[Word (Fill) - Funktionen zum Entfernen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-rm/||rel="noopener noreferrer" target="_blank"]] |
|
152 |
+: Demonstriert Beispiele für die Funktion rmp(), rmr(), rmt(), rmtp() |
|
153 |
+ |
|
154 |
+; [[Word (Fill) - Wiederholende Elemente>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-repeat/||rel="noopener noreferrer" target="_blank"]] |
|
155 |
+: Beispiele für die Verwendung wiederholender Elemente in einem Word-Dokument. |
|
156 |
+ |
|
157 |
+; [[Word (Fill) - Auswahl-Funktionen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-lst/||rel="noopener noreferrer" target="_blank"]] |
|
158 |
+: Demonstriert Beispiele für die Funktion lsttxt(), lsttitle(), lst() |
|
159 |
+ |
|
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 |
+: Wandelt einen Upload in Bild um |
|
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 |
+ |
| 75 |
75 |
== Weitere Demos == |
| 76 |
76 |
|
| 77 |
77 |
{{subpages depth="2" title="Demo-Beispiele"/}} |
