Wiki-Quellcode von Beispiele (Demoformulare)
Verstecke letzte Bearbeiter
author | version | line-number | content |
---|---|---|---|
![]() |
15.1 | 1 | Auf dieser Seite und den Unterseiten werden diverse Beispiele und Formular zu vielen verschiedenen Themen angeboten. |
![]() |
1.1 | 2 | |
3 | Alle Beispiele können auch direkt auf der Demo-Plattform eingesehen werden. | ||
4 | |||
![]() |
7.3 | 5 | - **URL der Demo-Plattform**: [[https:~~/~~/demo7.formcycle.eu/formcycle>>https://demo7.formcycle.eu/formcycle||rel="__blank noopener noreferrer" target="_blank"]] |
![]() |
1.1 | 6 | - **Benutzername**: demo@demo |
7 | - **Passwort**: {{html}}pa55w0rd@demo{{/html}} | ||
8 | |||
![]() |
8.1 | 9 | Im folgenden Teil finden Sie eine Auflistung der vorhandenen Beispielformulare auf dem Demo-Server. |
![]() |
1.1 | 10 | |
![]() |
9.2 | 11 | {{content/}} |
12 | |||
![]() |
8.1 | 13 | == Berechnung == |
![]() |
1.1 | 14 | |
![]() |
10.1 | 15 | ; [[Formularbespiele für Berechnungselement>>https://demo7.formcycle.eu/formcycle/form/alias/52/widget_formula/||rel="noopener noreferrer" target="_blank"]] |
![]() |
8.1 | 16 | : Beispiele für Subtraktion, Summenbildung und String-Verkettung |
17 | |||
18 | == Datenquellen und Datenbankabfragen == | ||
19 | |||
![]() |
12.1 | 20 | ; [[Autocomplete Funktionen>>https://demo7.formcycle.eu/formcycle/form/alias/52/autocomplete_functions_2||rel="noopener noreferrer" target="_blank"]] |
![]() |
9.1 | 21 | : Beispiel für die Verwendung von Autocomplete mit CSV oder Datenbank als Quelle. |
![]() |
8.1 | 22 | |
![]() |
12.1 | 23 | ; [[Filterung einer Auswahl anhand eines Wertes>>https://demo7.formcycle.eu/formcycle/form/alias/52/filter_selection||rel="noopener noreferrer" target="_blank"]] |
![]() |
8.1 | 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 | |||
![]() |
12.1 | 26 | ; [[Vorbelegung von Daten aus einer Datenquelle>>https://demo7.formcycle.eu/formcycle/form/alias/52/prefilling_data]] |
![]() |
8.1 | 27 | : Daten aus einer Datenquelle Feldern im Formular zuweisen |
28 | |||
![]() |
12.1 | 29 | ; [[Übertragung von Werten einer Auswahlliste>>https://demo7.formcycle.eu/formcycle/form/alias/52/transfer_select_column||rel="noopener noreferrer" target="_blank"]] |
![]() |
8.1 | 30 | : Demo um den Wert einer beliebigen Spalte einer Datenquelle in ein anderes Feld zu übertragen |
31 | |||
![]() |
12.1 | 32 | ; [[LDAP-Abfrage über Auswahl-Feld>>https://demo7.formcycle.eu/formcycle/form/alias/52/ldap_query_selection||rel="noopener noreferrer" target="_blank"]] |
![]() |
8.1 | 33 | : Auswahlfeld mit Werten aus einer LDAP-Abfrage befüllen |
34 | |||
![]() |
14.1 | 35 | == Datum und Zeit == |
36 | |||
![]() |
17.1 | 37 | ; [[Kalender Funktionen>>https://demo7.formcycle.eu/formcycle/form/alias/52/calendar_functions/||rel="noopener noreferrer" target="_blank"]] |
![]() |
14.1 | 38 | : Demo für verfügbare Funktionen zur Konfiguration des Kalender Widgets |
39 | |||
![]() |
17.1 | 40 | ; [[Datum und Zeit initialisieren>>https://demo7.formcycle.eu/formcycle/form/alias/52/datepicker_initialization/||rel="noopener noreferrer" target="_blank"]] |
![]() |
14.2 | 41 | : Sobald das Formular geöffnet ist, erfolgt die initiale Belegung des Datum und Zeit Wertes |
42 | |||
![]() |
17.1 | 43 | ; [[Datumsdifferenz in Tagen>>https://demo7.formcycle.eu/formcycle/form/alias/52/date_difference_in_days/||rel="noopener noreferrer" target="_blank"]] |
![]() |
15.1 | 44 | : Differenz in Tagen von Datepicker |
45 | |||
![]() |
17.1 | 46 | ; [[Datumsauswahlbereich einschränken und Validierung>>https://demo7.formcycle.eu/formcycle/form/alias/52/datepicker_validation/||rel="noopener noreferrer" target="_blank"]] |
![]() |
15.1 | 47 | : Erleichtert die Eingabe von Datumsbereichen und ermöglicht entsprechende Validierung |
48 | |||
![]() |
17.1 | 49 | ; [[Formatierung Geburtstagsfeld>>https://demo7.formcycle.eu/formcycle/form/alias/52/formatting_birthday_field/||rel="noopener noreferrer" target="_blank"]] |
![]() |
15.1 | 50 | : Konfiguration des Kalenders |
51 | |||
![]() |
17.1 | 52 | ; [[Zeitunterschied berechnen>>https://demo7.formcycle.eu/formcycle/form/alias/52/time_difference/||rel="noopener noreferrer" target="_blank"]] |
![]() |
15.1 | 53 | : Differenz und Summe von Uhrzeiten |
54 | |||
![]() |
17.1 | 55 | ; [[Zeitvalidierung>>https://demo7.formcycle.eu/formcycle/form/alias/52/time_validation/||rel="noopener noreferrer" target="_blank"]] |
![]() |
15.1 | 56 | : Vergleich einer Zeitauswahl |
57 | |||
58 | == Aussehen == | ||
59 | |||
![]() |
17.1 | 60 | ; [[Änderung der Textposition>>https://demo7.formcycle.eu/formcycle/form/alias/52/change_text_position/||rel="noopener noreferrer" target="_blank"]] |
![]() |
15.1 | 61 | : Demonstration Text anders zu positionieren |
62 | |||
![]() |
17.1 | 63 | ; [[Ändern des Ladesymbols>>https://demo7.formcycle.eu/formcycle/form/alias/52/change_loading_symbol/||rel="noopener noreferrer" target="_blank"]] |
![]() |
15.1 | 64 | : Individualisieren des Ladesymbols beim Formularaufruf |
65 | |||
![]() |
17.1 | 66 | ; [[Anpassen von wiederholenden Elementen>>https://demo7.formcycle.eu/formcycle/form/alias/52/customize_repeating_elements/||rel="noopener noreferrer" target="_blank"]] |
![]() |
15.1 | 67 | : Nutzen Sie Ihre eigenen Knöpfe für wiederholende Elemente |
68 | |||
![]() |
17.1 | 69 | ; [[Nummerierung wiederholbarer Elemente mit CSS>>https://demo7.formcycle.eu/formcycle/form/alias/52/numbering_repeatable_elements_css/||rel="noopener noreferrer" target="_blank"]] |
![]() |
15.1 | 70 | : Wiederholende Formularelemente werden fortlaufend nummeriert mittels CSS |
71 | |||
72 | == Allgemein == | ||
73 | |||
![]() |
17.1 | 74 | ; [[Formatierung von Zahlen (Autonumeric Konfiguration)>>https://demo7.formcycle.eu/formcycle/form/alias/52/formatting_numbers/||rel="noopener noreferrer" target="_blank"]] |
![]() |
15.1 | 75 | : Automatische Formatierung eines Textfeldes in ein konfiguriertes Format und Einheit (autonumeric) |
76 | |||
![]() |
17.1 | 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 | |||
80 | ; [[Übertragung von Eingaben auf die nächste Seite>>https://demo7.formcycle.eu/formcycle/form/alias/52/copy_input_values/||rel="noopener noreferrer" target="_blank"]] | ||
![]() |
15.1 | 81 | : Felder mit Werten vorbelegen, die in einem anderen Feld eingegeben wurden |
82 | |||
![]() |
17.1 | 83 | ; [[Löschen von Formulardaten>>https://demo7.formcycle.eu/formcycle/form/alias/52/delete_form_data/||rel="noopener noreferrer" target="_blank"]] |
![]() |
15.1 | 84 | : Zeigt, wie einzelne oder alle Eingabefelder in einem Formular gelöscht werden können, wenn ein Button gedrückt wird |
85 | |||
![]() |
17.1 | 86 | ; [[Sprachauswahl>>https://demo7.formcycle.eu/formcycle/form/alias/52/language_selection/||rel="noopener noreferrer" target="_blank"]] |
![]() |
15.1 | 87 | : Demo um die Sprache des Formulars per Klick zu wechseln |
88 | |||
![]() |
17.1 | 89 | ; [[Lokaler Import und Export von Formdaten>>https://demo7.formcycle.eu/formcycle/form/alias/52/local_import_export/||rel="noopener noreferrer" target="_blank"]] |
![]() |
15.1 | 90 | : Formularinhalte lokal als XML zwischenspeichern und wieder laden |
91 | |||
![]() |
17.1 | 92 | ; [[Werte vor dem Senden setzen>>https://demo7.formcycle.eu/formcycle/form/alias/52/set_value_before_sending/||rel="noopener noreferrer" target="_blank"]] |
![]() |
15.1 | 93 | : Vor dem Versenden eines Formulars das Formular prüfen und Werte setzen. |
![]() |
17.1 | 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}} | ||
![]() |
15.1 | 96 | |
![]() |
17.1 | 97 | ; [[Zwischenspeichern von Formularen>>https://demo7.formcycle.eu/formcycle/form/alias/52/save_form_temporarily/||rel="noopener noreferrer" target="_blank"]] |
![]() |
15.1 | 98 | : Speichern des aktuellen Formularzustands, damit dieses später zu Ende ausgefüllt werden kann |
99 | |||
![]() |
17.1 | 100 | ; [[Dynamische Vorbelegung>>https://demo7.formcycle.eu/formcycle/form/alias/52/dynamic_prefill/||rel="noopener noreferrer" target="_blank"]] |
![]() |
16.3 | 101 | : Vorbelegung von Formularelementen durch Werte vorhergehender Formularelemente {{velocity}}##(OFFEN){{/velocity}} |
![]() |
17.1 | 102 | {{velocity}}##; [[Vorbelegung sich wiederholender Formularelemente>>https://demo7.formcycle.eu/formcycle/form/provide/614/||rel=" noopener noreferrer" target="_blank"]] |
103 | ##: (OFFEN){{/velocity}} | ||
![]() |
15.1 | 104 | |
![]() |
16.1 | 105 | == Validierung == |
![]() |
8.1 | 106 | |
![]() |
17.1 | 107 | ; [[Bedingungen für Mehrfachauswahlwerte>>https://demo7.formcycle.eu/formcycle/form/alias/52/contraints_multiselect_values/||rel="noopener noreferrer" target="_blank"]] |
![]() |
16.1 | 108 | : Demo, wie es möglich ist, die Sichtbarkeit eines Elements in Abhängigkeit von mehreren Werten einer Auswahl zu ändern |
![]() |
15.1 | 109 | |
![]() |
17.1 | 110 | ; [[Beispiele für Validationsregeln>>https://demo7.formcycle.eu/formcycle/form/alias/52/validation_rules/||rel="noopener noreferrer" target="_blank"]] |
![]() |
16.1 | 111 | : Verschiedene Beispiele für reguläre Ausdrücke bei benutzerdefinierten Datentypen. |
![]() |
1.1 | 112 | |
![]() |
17.1 | 113 | ; [[IBAN Validierung>>https://demo7.formcycle.eu/formcycle/form/alias/52/iban_validation/||rel="noopener noreferrer" target="_blank"]] |
![]() |
16.1 | 114 | : Beispiel für clientseitigen IBAN-Validator |
115 | |||
![]() |
17.1 | 116 | ; [[Mussfeld in Abhängigkeit eines Status>>https://demo7.formcycle.eu/formcycle/form/alias/52/required_field_on_status/||rel="noopener noreferrer" target="_blank"]] |
![]() |
16.1 | 117 | : Demo wie es möglich ist, ein erforderliches Feld in Abhängigkeit von einem Status zu setzen |
118 | |||
119 | == Word (Fill) Beispiel == | ||
120 | |||
![]() |
17.1 | 121 | ; [[Word (Fill) - Checkboxen und Radiobuttons>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-cb/||rel="noopener noreferrer" target="_blank"]] |
![]() |
16.1 | 122 | : Demonstriert Beispiele für die Funktion cb() |
123 | |||
![]() |
17.1 | 124 | ; [[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"]] |
![]() |
16.1 | 125 | : Demonstriert Beispiele für die Funktion cnt(), con(), rep() |
126 | |||
![]() |
17.1 | 127 | ; [[Word (Fill) - Bilder und URL>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-img-url/||rel="noopener noreferrer" target="_blank"]] |
![]() |
16.1 | 128 | : Demonstriert Beispiele für die Funktion image(), b64img() und url() |
129 | |||
![]() |
17.1 | 130 | ; [[Word (Fill) - Checkboxen und Radiobuttons>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-mergefield/||rel="noopener noreferrer" target="_blank"]] |
![]() |
16.1 | 131 | : Demonstriert Beispiele für ein Merge Field, welches in der Fusszeile verwendet werden kann |
132 | |||
![]() |
17.1 | 133 | ; [[Word (Fill) - Funktionen zum Entfernen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-rm/||rel="noopener noreferrer" target="_blank"]] |
![]() |
16.1 | 134 | : Demonstriert Beispiele für die Funktion rmp(), rmr(), rmt(), rmtp() |
135 | |||
![]() |
17.1 | 136 | ; [[Word (Fill) - Wiederholende Elemente>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-repeat/||rel="noopener noreferrer" target="_blank"]] |
![]() |
16.1 | 137 | : Beispiele für die Verwendung wiederholender Elemente in einem Word-Dokument. |
138 | |||
![]() |
17.1 | 139 | ; [[Word (Fill) - Auswahl-Funktionen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-lst/||rel="noopener noreferrer" target="_blank"]] |
![]() |
16.1 | 140 | : Demonstriert Beispiele für die Funktion lsttxt(), lsttitle(), lst() |
141 | |||
![]() |
17.1 | 142 | ; [[Word (Fill) - Bild aus Uploadfeld übertragen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-upload-to-img/||rel="noopener noreferrer" target="_blank"]] |
![]() |
16.1 | 143 | : Wandelt einen Upload in Bild um |
144 | |||
![]() |
1.1 | 145 | == Weitere Demos == |
146 | |||
![]() |
5.1 | 147 | {{subpages depth="2" title="Demo-Beispiele"/}} |