Wiki-Quellcode von Beispiele (Demoformulare)

Zeige letzte Bearbeiter
1 Auf dieser Seite und den Unterseiten werden diverse Beispiele und Formular zu vielen verschiedenen Themen angeboten.
2
3 Alle Beispiele können auch direkt auf der Demo-Plattform eingesehen werden.
4
5 - **URL der Demo-Plattform**: [[https:~~/~~/demo7.formcycle.eu/formcycle>>https://demo7.formcycle.eu/formcycle||rel="__blank noopener noreferrer" target="_blank"]]
6 - **Benutzername**: demo@demo
7 - **Passwort**: {{html}}pa55w0rd@demo{{/html}}
8
9 Im folgenden Teil finden Sie eine Auflistung der vorhandenen Beispielformulare auf dem Demo-Server.
10
11 {{content/}}
12
13 == Berechnung ==
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 Abfragen ==
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 und Autocomplete>>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 und mittels Autocomplete LDAP-Daten abfragen.
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/||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 == Terminverwaltung ==
59
60 ; [[Vorbelegung Terminauswahl>>https://demo7.formcycle.eu/formcycle/form/alias/52/pre-assign-appointment/||rel="noopener noreferrer" target="_blank"]]
61 : Demo wie es möglich ist ein Datum in Terminverwaltung vorzubelegen innerhalb des Formulars.
62
63 == Aussehen ==
64
65 ; [[Änderung der Textposition>>https://demo7.formcycle.eu/formcycle/form/alias/52/change_text_position/||rel="noopener noreferrer" target="_blank"]]
66 : Demonstration Text anders zu positionieren.
67
68 ; [[Ändern des Ladesymbols>>https://demo7.formcycle.eu/formcycle/form/alias/52/change_loading_symbol/||rel="noopener noreferrer" target="_blank"]]
69 : Individualisieren des Ladesymbols beim Formularaufruf.
70
71 ; [[Anpassen von wiederholenden Elementen>>https://demo7.formcycle.eu/formcycle/form/alias/52/customize_repeating_elements/||rel="noopener noreferrer" target="_blank"]]
72 : Nutzen Sie Ihre eigenen Knöpfe für wiederholende Elemente.
73
74 ; [[Nummerierung wiederholbarer Elemente mit CSS>>https://formexchange.formcycle.eu:443/formcycle/form/alias/104/ numbering_repeatable_elements_css||rel="noopener noreferrer" target="_blank"]]
75 : Wiederholende Formularelemente werden fortlaufend nummeriert mittels CSS.
76 :
77 ; [[Nummerierung wiederholbarer Elemente mit JavaScript>>https://formexchange.formcycle.eu:443/formcycle/form/alias/104/ numbering_repeatable_elements_js||rel="noopener noreferrer" target="_blank"]]
78 : Wiederholende Formularelemente werden fortlaufend nummeriert mittels JavaScript.
79
80 ; [[Eigene Schriftart im Formular verwenden>>https://demo7.formcycle.eu/formcycle/form/alias/52/using_own_font/||rel="noopener noreferrer" target="_blank"]]
81 : Eigene Schriftart über CSS einbinden und anwenden.
82
83 == Allgemein ==
84
85 ; [[Übertragung von Eingaben auf die nächste Seite>>https://demo7.formcycle.eu/formcycle/form/alias/52/copy_input_values/||rel="noopener noreferrer" target="_blank"]]
86 : Felder mit Werten vorbelegen, die in einem anderen Feld eingegeben wurden.
87
88 ; [[Löschen von Formulardaten>>https://demo7.formcycle.eu/formcycle/form/alias/52/delete_form_data/||rel="noopener noreferrer" target="_blank"]]
89 : Zeigt, wie einzelne oder alle Eingabefelder in einem Formular gelöscht werden können, wenn ein Button gedrückt wird.
90
91 ; Sprachauswahl
92 : Um eine Auswahlmöglichkeit für die Sprache zu ermöglichen, sollte das [[Widget Sprachauswahlelement>>doc:Formcycle.PluginDocumentation.WidgetXLanguageSwitchPlugin||target="_blank"]] verwendet werden.
93
94 ; [[Lokaler Import und Export von Formdaten>>https://demo7.formcycle.eu/formcycle/form/alias/52/local_import_export/||rel="noopener noreferrer" target="_blank"]]
95 : Formularinhalte lokal als XML zwischenspeichern und wieder laden.
96
97 ; [[Werte vor dem Senden setzen>>https://demo7.formcycle.eu/formcycle/form/alias/52/set_value_before_sending/||rel="noopener noreferrer" target="_blank"]]
98 : Vor dem Versenden eines Formulars das Formular prüfen und Werte setzen.
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.
105
106 ; [[Seriennummer erzeugen>>https://demo7.formcycle.eu/formcycle/form/alias/52/serial_number/||rel="noopener noreferrer" target="_blank"]]
107 : Seriennummern mithilfe des Datenbank-Zählers erzeugen.
108
109 == Formatierung ==
110
111 ; [[Formatierung von Zahlen (Autonumeric Konfiguration)>>https://demo7.formcycle.eu/formcycle/form/alias/52/formatting_numbers/||rel="noopener noreferrer" target="_blank"]]
112 : Automatische Formatierung eines Textfeldes in ein konfiguriertes Format und Einheit (autonumeric)
113
114 ; [[Formatierung unterschiedlicher Eingabetypen>>https://demo7.formcycle.eu/formcycle/form/alias/52/different_input_formatting/||rel="noopener noreferrer" target="_blank"]]
115 : Demo für Zeit- und benutzerdefinierte Formatierung anhand der Bibliothek cleave.js
116
117 == Validierung ==
118
119 ; [[Bedingungen für Mehrfachauswahlwerte>>https://demo7.formcycle.eu/formcycle/form/alias/52/contraints_multiselect_values/||rel="noopener noreferrer" target="_blank"]]
120 : Demo, wie es möglich ist, die Sichtbarkeit eines Elements in Abhängigkeit von mehreren Werten einer Auswahl zu ändern.
121
122 ; [[Beispiele für Validationsregeln>>https://demo7.formcycle.eu/formcycle/form/alias/52/validation_rules/||rel="noopener noreferrer" target="_blank"]]
123 : Verschiedene Beispiele für reguläre Ausdrücke bei benutzerdefinierten Datentypen.
124
125 ; [[IBAN Validierung>>https://demo7.formcycle.eu/formcycle/form/alias/52/iban_validation/||rel="noopener noreferrer" target="_blank"]]
126 : Beispiel für clientseitigen IBAN-Validator
127
128 ; [[Mussfeld in Abhängigkeit eines Status>>https://demo7.formcycle.eu/formcycle/form/alias/52/required_field_on_status/||rel="noopener noreferrer" target="_blank"]]
129 : Demo wie es möglich ist, ein erforderliches Feld in Abhängigkeit von einem Status zu setzen.
130
131 ; [[Benutzerdefinierte Bedingung>>https://demo7.formcycle.eu/formcycle/form/alias/52/custom_condition/||rel="noopener noreferrer" target="_blank"]]
132 : Demo-Formular um eigene Bedingungen an Eingabefeldern zu definieren.
133
134 == Word (Fill) Beispiel ==
135
136 ; [[Word (Fill) - Checkboxen und Radiobuttons>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-cb/||rel="noopener noreferrer" target="_blank"]]
137 : Demonstriert Beispiele für die Funktion cb()
138
139 ; [[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"]]
140 : Demonstriert Beispiele für die Funktion cnt(), con(), rep()
141
142 ; [[Word (Fill) - Bilder und URL>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-img-url/||rel="noopener noreferrer" target="_blank"]]
143 : Demonstriert Beispiele für die Funktion image(), b64img() und url()
144
145 ; [[Word (Fill) - Checkboxen und Radiobuttons>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-mergefield/||rel="noopener noreferrer" target="_blank"]]
146 : Demonstriert Beispiele für ein Merge Field, welches in der Fusszeile verwendet werden kann
147
148 ; [[Word (Fill) - Funktionen zum Entfernen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-rm/||rel="noopener noreferrer" target="_blank"]]
149 : Demonstriert Beispiele für die Funktion rmp(), rmr(), rmt(), rmtp()
150
151 ; [[Word (Fill) - Wiederholende Elemente>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-repeat/||rel="noopener noreferrer" target="_blank"]]
152 : Beispiele für die Verwendung wiederholender Elemente in einem Word-Dokument.
153
154 ; [[Word (Fill) - Auswahl-Funktionen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-lst/||rel="noopener noreferrer" target="_blank"]]
155 : Demonstriert Beispiele für die Funktion lsttxt(), lsttitle(), lst()
156
157 ; [[Word (Fill) - Bild aus Uploadfeld übertragen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-upload-to-img/||rel="noopener noreferrer" target="_blank"]]
158 : Wandelt einen Upload in Bild um
159
160 == Workflow ==
161
162 ; [[Temporäre Zwischenspeichern von Formulardaten>>https://demo7.formcycle.eu/formcycle/form/alias/52/save_form_temporarily/||rel="noopener noreferrer" target="_blank"]]
163 : Speichern des aktuellen Formularzustands, damit dieses später zu Ende ausgefüllt werden kann.
164
165 == Weitere Demos ==
166
167 {{subpages depth="2" title="Demo-Beispiele"/}}