| ... |
... |
@@ -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 |
|
| ... |
... |
@@ -8,68 +8,142 @@ |
| 8 |
8 |
|
| 9 |
9 |
Im folgenden Teil finden Sie eine Auflistung der vorhandenen Beispielformulare auf dem Demo-Server. |
| 10 |
10 |
|
|
11 |
+{{content/}} |
|
12 |
+ |
| 11 |
11 |
== Berechnung == |
| 12 |
12 |
|
| 13 |
|
-; [[Formularbespiele für Berechnungselement>>https://demo7.formcycle.eu/formcycle/form/provide/754/||rel="noopener noreferrer" target="_blank"]] |
|
15 |
+; [[Formularbespiele für Berechnungselement>>https://demo7.formcycle.eu/formcycle/form/alias/52/widget_formula/||rel="noopener noreferrer" target="_blank"]] |
| 14 |
14 |
: Beispiele für Subtraktion, Summenbildung und String-Verkettung |
| 15 |
15 |
|
| 16 |
16 |
== Datenquellen und Datenbankabfragen == |
| 17 |
17 |
|
| 18 |
|
-; [[Autocomplete Funktionen>>https://demo7.formcycle.eu/formcycle/form/provide/760/||rel="noopener noreferrer" target="_blank"]] |
| 19 |
|
-: Beispiel für die Verwendung von Autocomplete mit CSV oder Datenbank als Quelle.nwendungsmöglichkeiten für ein Autocomplete |
|
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. |
| 20 |
20 |
|
| 21 |
|
-; [[Filterung einer Auswahl anhand eines Wertes>>https://demo7.formcycle.eu/formcycle/form/provide/757/||rel="noopener noreferrer" target="_blank"]] |
|
23 |
+; [[Filterung einer Auswahl anhand eines Wertes>>https://demo7.formcycle.eu/formcycle/form/alias/52/filter_selection||rel="noopener noreferrer" target="_blank"]] |
| 22 |
22 |
: 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. |
| 23 |
23 |
|
| 24 |
|
-; [[Vorbelegung von Daten aus einer Datenquelle>>https://demo7.formcycle.eu/formcycle/form/provide/758/]] |
|
26 |
+; [[Vorbelegung von Daten aus einer Datenquelle>>https://demo7.formcycle.eu/formcycle/form/alias/52/prefilling_data]] |
| 25 |
25 |
: Daten aus einer Datenquelle Feldern im Formular zuweisen |
| 26 |
26 |
|
| 27 |
|
-; [[Übertragung von Werten einer Auswahlliste>>https://demo7.formcycle.eu/formcycle/form/provide/759/||rel="noopener noreferrer" target="_blank"]] |
|
29 |
+; [[Übertragung von Werten einer Auswahlliste>>https://demo7.formcycle.eu/formcycle/form/alias/52/transfer_select_column||rel="noopener noreferrer" target="_blank"]] |
| 28 |
28 |
: Demo um den Wert einer beliebigen Spalte einer Datenquelle in ein anderes Feld zu übertragen |
| 29 |
29 |
|
| 30 |
|
-; [[LDAP-Abfrage über Auswahl-Feld>>https://demo7.formcycle.eu/formcycle/form/provide/763/||rel=" noopener noreferrer" target="_blank"]] |
|
32 |
+; [[LDAP-Abfrage über Auswahl-Feld>>https://demo7.formcycle.eu/formcycle/form/alias/52/ldap_query_selection||rel="noopener noreferrer" target="_blank"]] |
| 31 |
31 |
: Auswahlfeld mit Werten aus einer LDAP-Abfrage befüllen |
| 32 |
32 |
|
| 33 |
|
-== Verfügbaren Formulare == |
|
35 |
+== Datum und Zeit == |
| 34 |
34 |
|
| 35 |
|
-{{table dataTypeAlpha="0-1"}} |
| 36 |
|
-|=Kategorie|=Beispielinhalt|=Link zum Formular |
| 37 |
|
-|Datum und Zeit|Kalender Funktionen|[[https://demo7.formcycle.eu/formcycle/form/provide/505/||target="_blank"]] |
| 38 |
|
-|Datum und Zeit|Datum und Zeit initialisieren|[[https://demo7.formcycle.eu/formcycle/form/provide/157/||target="_blank"]] |
| 39 |
|
-|Datum und Zeit|Datumsdifferenz in Tagen|[[https://demo7.formcycle.eu/formcycle/form/provide/156/||target="_blank"]] |
| 40 |
|
-|Datum und Zeit|Datumsauswahlbereich einschränken und Validierung|[[https://demo7.formcycle.eu/formcycle/form/provide/61/||target="_blank"]] |
| 41 |
|
-|Datum und Zeit|Formatierung Geburtstagsfeld|[[https://demo7.formcycle.eu/formcycle/form/provide/655/||target="_blank"]] |
| 42 |
|
-|Datum und Zeit|Zeitunterschied berechnen|[[https://demo7.formcycle.eu/formcycle/form/provide/609/||target="_blank"]] |
| 43 |
|
-|Datum und Zeit|Zeitvalidierung|[[https://demo7.formcycle.eu/formcycle/form/provide/171/||target="_blank"]] |
| 44 |
|
-|Aussehen|Änderung der Textposition|[[https://demo7.formcycle.eu/formcycle/form/provide/424/||target="_blank"]] |
| 45 |
|
-|Aussehen|Ändern des Ladesymbols|[[https://demo7.formcycle.eu/formcycle/form/provide/418/||target="_blank"]] |
| 46 |
|
-|Aussehen|Anpassen von wiederholenden Elementen|[[https://demo7.formcycle.eu/formcycle/form/provide/404/||target="_blank"]] |
| 47 |
|
-|Aussehen|Nummerierung wiederholbarer Elemente mit CSS|[[https://demo7.formcycle.eu/formcycle/form/provide/419/||target="_blank"]] |
| 48 |
|
-|Allgemein|Formatierung von Zahlen (Autonumeric Konfiguration)|[[https://demo7.formcycle.eu/formcycle/form/provide/335/||target="_blank"]] |
| 49 |
|
-|Allgemein|Übertragung von Eingaben auf die nächste Seite|[[https://demo7.formcycle.eu/formcycle/form/provide/417/||target="_blank"]] |
| 50 |
|
-|Allgemein|Löschen von Formulardaten|[[https://demo7.formcycle.eu/formcycle/form/provide/454/1/||target="_blank"]] |
| 51 |
|
-|Allgemein|Sprachauswahl|[[https://demo7.formcycle.eu/formcycle/form/provide/552/||target="_blank"]] |
| 52 |
|
-|Allgemein|Lokaler Import und Export von Formdaten|[[https://demo7.formcycle.eu/formcycle/form/provide/430/||target="_blank"]] |
| 53 |
|
-|Allgemein|Werte vor dem Senden setzen|[[https://demo7.formcycle.eu/formcycle/form/provide/452/||target="_blank"]] |
| 54 |
|
-|Allgemein|Textarea automatisch vergrößern|[[https://demo7.formcycle.eu/formcycle/form/provide/407/||target="_blank"]] |
| 55 |
|
-|Allgemein|Zwischenspeichern von Formularen|[[https://demo7.formcycle.eu/formcycle/form/provide/612/||target="_blank"]] |
| 56 |
|
-|Allgemein|Dynamische Vorbelegung|[[https://demo7.formcycle.eu/formcycle/form/provide/613/||target="_blank"]] |
| 57 |
|
-|Allgemein|Vorbelegung sich wiederholender Formularelemente|[[https://demo7.formcycle.eu/formcycle/form/provide/614/||target="_blank"]] |
| 58 |
|
-|Validierung|Bedingungen für Mehrfachauswahlwerte|[[https://demo7.formcycle.eu/formcycle/form/provide/554/||target="_blank"]] |
| 59 |
|
-|Validierung|Beispiel für unterschiedliche Eingabe Formatierung|[[https://demo7.formcycle.eu/formcycle/form/provide/337/||target="_blank"]] |
| 60 |
|
-|Validierung|Beispiele für Validationsregeln|[[https://demo7.formcycle.eu/formcycle/form/provide/169/||target="_blank"]] |
| 61 |
|
-|Validierung|IBAN Validierung|[[https://demo7.formcycle.eu/formcycle/form/provide/341/||target="_blank"]] |
| 62 |
|
-|Validierung|Mussfeld in Abhängigkeit eines Status|[[https://demo7.formcycle.eu/formcycle/form/provide/555/||target="_blank"]] |
| 63 |
|
-|Word (Fill) Beispiel|Word (Fill) - Checkboxen und Radiobuttons|[[https://demo7.formcycle.eu/formcycle/form/provide/556/||target="_blank"]] |
| 64 |
|
-|Word (Fill) Beispiel|Word (Fill) - Zählen, Enthält, Ersetzen|[[https://demo7.formcycle.eu/formcycle/form/provide/559/||target="_blank"]] |
| 65 |
|
-|Word (Fill) Beispiel|Word (Fill) - Bilder und URL|[[https://demo7.formcycle.eu/formcycle/form/provide/560/||target="_blank"]] |
| 66 |
|
-|Word (Fill) Beispiel|Word (Fill) - Checkboxen und Radiobuttons|[[https://demo7.formcycle.eu/formcycle/form/provide/562/||target="_blank"]] |
| 67 |
|
-|Word (Fill) Beispiel|Word (Fill) - Funktionen zum Entfernen|[[https://demo7.formcycle.eu/formcycle/form/provide/561/||target="_blank"]] |
| 68 |
|
-|Word (Fill) Beispiel|Word (Fill) - Wiederholende Elemente|[[https://demo7.formcycle.eu/formcycle/form/provide/557/||target="_blank"]] |
| 69 |
|
-|Word (Fill) Beispiel|Word (Fill) - Auswahl-Funktionen|[[https://demo7.formcycle.eu/formcycle/form/provide/558/||target="_blank"]] |
| 70 |
|
-|Word (Fill) Beispiel|Word (Fill) - Bild aus Uploadfeld übertragen|[[https://demo7.formcycle.eu/formcycle/form/provide/654/||target="_blank"]] |
| 71 |
|
-{{/table}} |
|
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 |
| 72 |
72 |
|
|
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 |
+; [[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 |
|
74 |
+ |
|
75 |
+== Allgemein == |
|
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 |
+; [[Ü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 |
|
85 |
+ |
|
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 |
|
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 |
|
91 |
+ |
|
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 |
|
94 |
+ |
|
95 |
+; [[Werte vor dem Senden setzen>>https://demo7.formcycle.eu/formcycle/form/alias/52/set_value_before_sending/||rel="noopener noreferrer" target="_blank"]] |
|
96 |
+: Vor dem Versenden eines Formulars das Formular prüfen und Werte setzen. |
|
97 |
+ |
|
98 |
+; [[Zwischenspeichern von Formularen>>https://demo7.formcycle.eu/formcycle/form/alias/52/save_form_temporarily/||rel="noopener noreferrer" target="_blank"]] |
|
99 |
+: Speichern des aktuellen Formularzustands, damit dieses später zu Ende ausgefüllt werden kann |
|
100 |
+ |
|
101 |
+; [[Dynamische Vorbelegung>>https://demo7.formcycle.eu/formcycle/form/alias/52/dynamic_prefill/||rel="noopener noreferrer" target="_blank"]] |
|
102 |
+: Vorbelegung von Formularelementen durch Werte vorhergehender Formularelemente |
|
103 |
+ |
|
104 |
+; [[Seriennummer erzeugen>>https://demo7.formcycle.eu/formcycle/form/alias/52/serial_number/||rel="noopener noreferrer" target="_blank"]] |
|
105 |
+: Seriennummern mithilfe des Datenbank-Zählers erzeugen |
|
106 |
+ |
|
107 |
+== Validierung == |
|
108 |
+ |
|
109 |
+; [[Bedingungen für Mehrfachauswahlwerte>>https://demo7.formcycle.eu/formcycle/form/alias/52/contraints_multiselect_values/||rel="noopener noreferrer" target="_blank"]] |
|
110 |
+: Demo, wie es möglich ist, die Sichtbarkeit eines Elements in Abhängigkeit von mehreren Werten einer Auswahl zu ändern |
|
111 |
+ |
|
112 |
+; [[Beispiele für Validationsregeln>>https://demo7.formcycle.eu/formcycle/form/alias/52/validation_rules/||rel="noopener noreferrer" target="_blank"]] |
|
113 |
+: Verschiedene Beispiele für reguläre Ausdrücke bei benutzerdefinierten Datentypen. |
|
114 |
+ |
|
115 |
+; [[IBAN Validierung>>https://demo7.formcycle.eu/formcycle/form/alias/52/iban_validation/||rel="noopener noreferrer" target="_blank"]] |
|
116 |
+: Beispiel für clientseitigen IBAN-Validator |
|
117 |
+ |
|
118 |
+; [[Mussfeld in Abhängigkeit eines Status>>https://demo7.formcycle.eu/formcycle/form/alias/52/required_field_on_status/||rel="noopener noreferrer" target="_blank"]] |
|
119 |
+: Demo wie es möglich ist, ein erforderliches Feld in Abhängigkeit von einem Status zu setzen |
|
120 |
+ |
|
121 |
+== Word (Fill) Beispiel == |
|
122 |
+ |
|
123 |
+; [[Word (Fill) - Checkboxen und Radiobuttons>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-cb/||rel="noopener noreferrer" target="_blank"]] |
|
124 |
+: Demonstriert Beispiele für die Funktion cb() |
|
125 |
+ |
|
126 |
+; [[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"]] |
|
127 |
+: Demonstriert Beispiele für die Funktion cnt(), con(), rep() |
|
128 |
+ |
|
129 |
+; [[Word (Fill) - Bilder und URL>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-img-url/||rel="noopener noreferrer" target="_blank"]] |
|
130 |
+: Demonstriert Beispiele für die Funktion image(), b64img() und url() |
|
131 |
+ |
|
132 |
+; [[Word (Fill) - Checkboxen und Radiobuttons>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-mergefield/||rel="noopener noreferrer" target="_blank"]] |
|
133 |
+: Demonstriert Beispiele für ein Merge Field, welches in der Fusszeile verwendet werden kann |
|
134 |
+ |
|
135 |
+; [[Word (Fill) - Funktionen zum Entfernen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-rm/||rel="noopener noreferrer" target="_blank"]] |
|
136 |
+: Demonstriert Beispiele für die Funktion rmp(), rmr(), rmt(), rmtp() |
|
137 |
+ |
|
138 |
+; [[Word (Fill) - Wiederholende Elemente>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-repeat/||rel="noopener noreferrer" target="_blank"]] |
|
139 |
+: Beispiele für die Verwendung wiederholender Elemente in einem Word-Dokument. |
|
140 |
+ |
|
141 |
+; [[Word (Fill) - Auswahl-Funktionen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-lst/||rel="noopener noreferrer" target="_blank"]] |
|
142 |
+: Demonstriert Beispiele für die Funktion lsttxt(), lsttitle(), lst() |
|
143 |
+ |
|
144 |
+; [[Word (Fill) - Bild aus Uploadfeld übertragen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-upload-to-img/||rel="noopener noreferrer" target="_blank"]] |
|
145 |
+: Wandelt einen Upload in Bild um |
|
146 |
+ |
| 73 |
73 |
== Weitere Demos == |
| 74 |
74 |
|
| 75 |
75 |
{{subpages depth="2" title="Demo-Beispiele"/}} |
