| ... |
... |
@@ -1,150 +1,61 @@ |
| 1 |
|
-Auf dieser Seite und den Unterseiten werden diverse Beispiele und Formular zu vielen verschiedenen Themen angeboten. |
|
1 |
+Auf dieser Seite und den Unterseiten werden diverse Beispiele und Formular zu vielen verschiednenen Themen angeboten. |
| 2 |
2 |
|
| 3 |
3 |
Alle Beispiele können auch direkt auf der Demo-Plattform eingesehen werden. |
| 4 |
4 |
|
| 5 |
|
-- **URL der Demo-Plattform**: [[https:~~/~~/demo7.formcycle.eu/formcycle>>https://demo7.formcycle.eu/formcycle||rel="__blank noopener noreferrer" target="_blank"]] |
|
5 |
+- **URL der Demo-Plattform**: [[https:~~/~~/demo2.formcycle.eu/formcycle>>https://demo2.formcycle.eu/formcycle||rel="__blank noopener noreferrer" target="_blank"]] |
| 6 |
6 |
- **Benutzername**: demo@demo |
| 7 |
7 |
- **Passwort**: {{html}}pa55w0rd@demo{{/html}} |
| 8 |
8 |
|
| 9 |
|
-Im folgenden Teil finden Sie eine Auflistung der vorhandenen Beispielformulare auf dem Demo-Server. |
|
9 |
+== Verfügbare Demoformulare auf dem Demo-Server == |
| 10 |
10 |
|
| 11 |
|
-{{content/}} |
|
11 |
+Im folgenden finden Sie eine Auflistung der vorhandenen Beispielformulare auf dem Demo-Server. |
| 12 |
12 |
|
| 13 |
|
-== Berechnung == |
|
13 |
+{{table dataTypeAlpha="0-1"}} |
|
14 |
+|=Kategorie|=Beispielinhalt|=Link zum Formular |
|
15 |
+|Berechnungen|Subtraktion von 2 Werten|[[https://demo2.formcycle.eu/formcycle/form/provide/408/||target="_blank"]] |
|
16 |
+|Berechnungen|Summenbildung von Werten|[[https://demo2.formcycle.eu/formcycle/form/provide/363/||target="_blank"]] |
|
17 |
+|Berechnungen|Gleichartige Berechnung mehrerer Formularfelder und Summenbildung|[[https://demo2.formcycle.eu/formcycle/form/provide/611/||target="_blank"]] |
|
18 |
+|Datenquellen und Datenbankabfragen|Autocomplete Funktionen - Anwendungsmöglichkeiten|[[https://demo2.formcycle.eu/formcycle/form/provide/304/||target="_blank"]] |
|
19 |
+|Datenquellen und Datenbankabfragen|Filterung einer Auswahl anhand eines Wertes|[[https://demo2.formcycle.eu/formcycle/form/provide/155/||target="_blank"]] |
|
20 |
+|Datenquellen und Datenbankabfragen|Vorbelegung von Daten aus einer Datenquelle|[[https://demo2.formcycle.eu/formcycle/form/provide/361/||target="_blank"]] |
|
21 |
+|Datenquellen und Datenbankabfragen|Übertragung von Werten einer Auswahlliste|[[https://demo2.formcycle.eu/formcycle/form/provide/503/||target="_blank"]] |
|
22 |
+|Datum und Zeit|Kalender Funktionen|[[https://demo2.formcycle.eu/formcycle/form/provide/505/||target="_blank"]] |
|
23 |
+|Datum und Zeit|Datum und Zeit initialisieren|[[https://demo2.formcycle.eu/formcycle/form/provide/157/||target="_blank"]] |
|
24 |
+|Datum und Zeit|Datumsdifferenz in Tagen|[[https://demo2.formcycle.eu/formcycle/form/provide/156/||target="_blank"]] |
|
25 |
+|Datum und Zeit|Datumsauswahlbereich einschränken und Validierung|[[https://demo2.formcycle.eu/formcycle/form/provide/61/||target="_blank"]] |
|
26 |
+|Datum und Zeit|Formatierung Geburtstagsfeld|[[https://demo2.formcycle.eu/formcycle/form/provide/655/||target="_blank"]] |
|
27 |
+|Datum und Zeit|Zeitunterschied berechnen|[[https://demo2.formcycle.eu/formcycle/form/provide/609/||target="_blank"]] |
|
28 |
+|Datum und Zeit|Zeitvalidierung|[[https://demo2.formcycle.eu/formcycle/form/provide/171/||target="_blank"]] |
|
29 |
+|Aussehen|Änderung der Textposition|[[https://demo2.formcycle.eu/formcycle/form/provide/424/||target="_blank"]] |
|
30 |
+|Aussehen|Ändern des Ladesymbols|[[https://demo2.formcycle.eu/formcycle/form/provide/418/||target="_blank"]] |
|
31 |
+|Aussehen|Anpassen von wiederholenden Elementen|[[https://demo2.formcycle.eu/formcycle/form/provide/404/||target="_blank"]] |
|
32 |
+|Aussehen|Nummerierung wiederholbarer Elemente mit CSS|[[https://demo2.formcycle.eu/formcycle/form/provide/419/||target="_blank"]] |
|
33 |
+|Allgemein|Formatierung von Zahlen (Autonumeric Konfiguration)|[[https://demo2.formcycle.eu/formcycle/form/provide/335/||target="_blank"]] |
|
34 |
+|Allgemein|Übertragung von Eingaben auf die nächste Seite|[[https://demo2.formcycle.eu/formcycle/form/provide/417/||target="_blank"]] |
|
35 |
+|Allgemein|Löschen von Formulardaten|[[https://demo2.formcycle.eu/formcycle/form/provide/454/1/||target="_blank"]] |
|
36 |
+|Allgemein|Sprachauswahl|[[https://demo2.formcycle.eu/formcycle/form/provide/552/||target="_blank"]] |
|
37 |
+|Allgemein|Lokaler Import und Export von Formdaten|[[https://demo2.formcycle.eu/formcycle/form/provide/430/||target="_blank"]] |
|
38 |
+|Allgemein|Werte vor dem Senden setzen|[[https://demo2.formcycle.eu/formcycle/form/provide/452/||target="_blank"]] |
|
39 |
+|Allgemein|Textarea automatisch vergrößern|[[https://demo2.formcycle.eu/formcycle/form/provide/407/||target="_blank"]] |
|
40 |
+|Allgemein|Zwischenspeichern von Formularen|[[https://demo2.formcycle.eu/formcycle/form/provide/612/||target="_blank"]] |
|
41 |
+|Allgemein|Dynamische Vorbelegung|[[https://demo2.formcycle.eu/formcycle/form/provide/613/||target="_blank"]] |
|
42 |
+|Allgemein|Vorbelegung sich wiederholender Formularelemente|[[https://demo2.formcycle.eu/formcycle/form/provide/614/||target="_blank"]] |
|
43 |
+|Validierung|Bedingungen für Mehrfachauswahlwerte|[[https://demo2.formcycle.eu/formcycle/form/provide/554/||target="_blank"]] |
|
44 |
+|Validierung|Beispiel für unterschiedliche Eingabe Formatierung|[[https://demo2.formcycle.eu/formcycle/form/provide/337/||target="_blank"]] |
|
45 |
+|Validierung|Beispiele für Validationsregeln|[[https://demo2.formcycle.eu/formcycle/form/provide/169/||target="_blank"]] |
|
46 |
+|Validierung|IBAN Validierung|[[https://demo2.formcycle.eu/formcycle/form/provide/341/||target="_blank"]] |
|
47 |
+|Validierung|Mussfeld in Abhängigkeit eines Status|[[https://demo2.formcycle.eu/formcycle/form/provide/555/||target="_blank"]] |
|
48 |
+|Widget Berechnungselement|Formularbespiele für Berchnungselement|[[https://demo2.formcycle.eu/formcycle/form/provide/653/||target="_blank"]] |
|
49 |
+|Word (Fill) Beispiel|Word (Fill) - Checkboxen und Radiobuttons|[[https://demo2.formcycle.eu/formcycle/form/provide/556/||target="_blank"]] |
|
50 |
+|Word (Fill) Beispiel|Word (Fill) - Zählen, Enthält, Ersetzen|[[https://demo2.formcycle.eu/formcycle/form/provide/559/||target="_blank"]] |
|
51 |
+|Word (Fill) Beispiel|Word (Fill) - Bilder und URL|[[https://demo2.formcycle.eu/formcycle/form/provide/560/||target="_blank"]] |
|
52 |
+|Word (Fill) Beispiel|Word (Fill) - Checkboxen und Radiobuttons|[[https://demo2.formcycle.eu/formcycle/form/provide/562/||target="_blank"]] |
|
53 |
+|Word (Fill) Beispiel|Word (Fill) - Funktionen zum Entfernen|[[https://demo2.formcycle.eu/formcycle/form/provide/561/||target="_blank"]] |
|
54 |
+|Word (Fill) Beispiel|Word (Fill) - Wiederholende Elemente|[[https://demo2.formcycle.eu/formcycle/form/provide/557/||target="_blank"]] |
|
55 |
+|Word (Fill) Beispiel|Word (Fill) - Auswahl-Funktionen|[[https://demo2.formcycle.eu/formcycle/form/provide/558/||target="_blank"]] |
|
56 |
+|Word (Fill) Beispiel|Word (Fill) - Bild aus Uploadfeld übertragen|[[https://demo2.formcycle.eu/formcycle/form/provide/654/||target="_blank"]] |
|
57 |
+{{/table}} |
| 14 |
14 |
|
| 15 |
|
-; [[Formularbespiele für Berechnungselement>>https://demo7.formcycle.eu/formcycle/form/alias/52/widget_formula/||rel="noopener noreferrer" target="_blank"]] |
| 16 |
|
-: Beispiele für Subtraktion, Summenbildung und String-Verkettung |
| 17 |
|
- |
| 18 |
|
-== Datenquellen und Datenbankabfragen == |
| 19 |
|
- |
| 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. |
| 22 |
|
- |
| 23 |
|
-; [[Filterung einer Auswahl anhand eines Wertes>>https://demo7.formcycle.eu/formcycle/form/alias/52/filter_selection||rel="noopener noreferrer" target="_blank"]] |
| 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 |
|
- |
| 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 |
| 28 |
|
- |
| 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 |
| 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 |
| 34 |
|
- |
| 35 |
|
-== Datum und Zeit == |
| 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 |
| 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 |
| 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 |
|
-{{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 |
|
- |
| 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 {{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 |
|
- |
| 108 |
|
-== Validierung == |
| 109 |
|
- |
| 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 |
| 112 |
|
- |
| 113 |
|
-; [[Beispiele für Validationsregeln>>https://demo7.formcycle.eu/formcycle/form/alias/52/validation_rules/||rel="noopener noreferrer" target="_blank"]] |
| 114 |
|
-: Verschiedene Beispiele für reguläre Ausdrücke bei benutzerdefinierten Datentypen. |
| 115 |
|
- |
| 116 |
|
-; [[IBAN Validierung>>https://demo7.formcycle.eu/formcycle/form/alias/52/iban_validation/||rel="noopener noreferrer" target="_blank"]] |
| 117 |
|
-: Beispiel für clientseitigen IBAN-Validator |
| 118 |
|
- |
| 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 |
| 121 |
|
- |
| 122 |
|
-== Word (Fill) Beispiel == |
| 123 |
|
- |
| 124 |
|
-; [[Word (Fill) - Checkboxen und Radiobuttons>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-cb/||rel="noopener noreferrer" target="_blank"]] |
| 125 |
|
-: Demonstriert Beispiele für die Funktion cb() |
| 126 |
|
- |
| 127 |
|
-; [[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"]] |
| 128 |
|
-: Demonstriert Beispiele für die Funktion cnt(), con(), rep() |
| 129 |
|
- |
| 130 |
|
-; [[Word (Fill) - Bilder und URL>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-img-url/||rel="noopener noreferrer" target="_blank"]] |
| 131 |
|
-: Demonstriert Beispiele für die Funktion image(), b64img() und url() |
| 132 |
|
- |
| 133 |
|
-; [[Word (Fill) - Checkboxen und Radiobuttons>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-mergefield/||rel="noopener noreferrer" target="_blank"]] |
| 134 |
|
-: Demonstriert Beispiele für ein Merge Field, welches in der Fusszeile verwendet werden kann |
| 135 |
|
- |
| 136 |
|
-; [[Word (Fill) - Funktionen zum Entfernen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-rm/||rel="noopener noreferrer" target="_blank"]] |
| 137 |
|
-: Demonstriert Beispiele für die Funktion rmp(), rmr(), rmt(), rmtp() |
| 138 |
|
- |
| 139 |
|
-; [[Word (Fill) - Wiederholende Elemente>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-repeat/||rel="noopener noreferrer" target="_blank"]] |
| 140 |
|
-: Beispiele für die Verwendung wiederholender Elemente in einem Word-Dokument. |
| 141 |
|
- |
| 142 |
|
-; [[Word (Fill) - Auswahl-Funktionen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-lst/||rel="noopener noreferrer" target="_blank"]] |
| 143 |
|
-: Demonstriert Beispiele für die Funktion lsttxt(), lsttitle(), lst() |
| 144 |
|
- |
| 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 |
|
-: Wandelt einen Upload in Bild um |
| 147 |
|
- |
| 148 |
148 |
== Weitere Demos == |
| 149 |
149 |
|
| 150 |
150 |
{{subpages depth="2" title="Demo-Beispiele"/}} |
