Änderungen von Dokument Beispiele JavaScript und CSS


Von Version 31.1
bearbeitet von sas
am 23.03.2022, 15:03
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 20.1
bearbeitet von sas
am 01.11.2021, 18:28
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -15,7 +15,7 @@
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 17  
18 -== Datenquellen und Abfragen ==
18 +== Datenquellen und Datenbankabfragen ==
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,27 +24,27 @@
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.
27 +: 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.
30 +: Demo um den Wert einer beliebigen Spalte einer Datenquelle in ein anderes Feld zu übertragen
31 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.
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 34  
35 35  == Datum und Zeit ==
36 36  
37 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.
38 +: Demo für verfügbare Funktionen zur Konfiguration des Kalender Widgets
39 39  
40 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.
41 +: Sobald das Formular geöffnet ist, erfolgt die initiale Belegung des Datum und Zeit Wertes
42 42  
43 -; [[Datumsdifferenz in Tagen>>https://demo7.formcycle.eu/formcycle/form/alias/52/date_difference/||rel="noopener noreferrer" target="_blank"]]
43 +; [[Datumsdifferenz in Tagen>>https://demo7.formcycle.eu/formcycle/form/alias/52/date_difference_in_days/||rel="noopener noreferrer" target="_blank"]]
44 44  : Differenz in Tagen von Datepicker
45 45  
46 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.
47 +: Erleichtert die Eingabe von Datumsbereichen und ermöglicht entsprechende Validierung
48 48  
49 49  ; [[Formatierung Geburtstagsfeld>>https://demo7.formcycle.eu/formcycle/form/alias/52/formatting_birthday_field/||rel="noopener noreferrer" target="_blank"]]
50 50  : Konfiguration des Kalenders
... ... @@ -55,69 +55,59 @@
55 55  ; [[Zeitvalidierung>>https://demo7.formcycle.eu/formcycle/form/alias/52/time_validation/||rel="noopener noreferrer" target="_blank"]]
56 56  : Vergleich einer Zeitauswahl
57 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 63  == Aussehen ==
64 64  
65 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.
61 +: Demonstration Text anders zu positionieren
67 67  
68 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.
64 +: Individualisieren des Ladesymbols beim Formularaufruf
70 70  
71 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.
67 +: Nutzen Sie Ihre eigenen Knöpfe für wiederholende Elemente
73 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.
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
79 79  
80 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.
73 +: Eigene Schriftart über CSS einbinden und anwenden
82 82  
83 83  == Allgemein ==
84 84  
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 +
85 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.
84 +: Felder mit Werten vorbelegen, die in einem anderen Feld eingegeben wurden
87 87  
88 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.
87 +: Zeigt, wie einzelne oder alle Eingabefelder in einem Formular gelöscht werden können, wenn ein Button gedrückt wird
90 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.
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
93 93  
94 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.
93 +: Formularinhalte lokal als XML zwischenspeichern und wieder laden
96 96  
97 97  ; [[Werte vor dem Senden setzen>>https://demo7.formcycle.eu/formcycle/form/alias/52/set_value_before_sending/||rel="noopener noreferrer" target="_blank"]]
98 98  : Vor dem Versenden eines Formulars das Formular prüfen und Werte setzen.
99 99  
100 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.
99 +: Speichern des aktuellen Formularzustands, damit dieses später zu Ende ausgefüllt werden kann
102 102  
103 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.
102 +: Vorbelegung von Formularelementen durch Werte vorhergehender Formularelemente
105 105  
106 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.
105 +: Seriennummern mithilfe des Datenbank-Zählers erzeugen
108 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 117  == Validierung ==
118 118  
119 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.
110 +: Demo, wie es möglich ist, die Sichtbarkeit eines Elements in Abhängigkeit von mehreren Werten einer Auswahl zu ändern
121 121  
122 122  ; [[Beispiele für Validationsregeln>>https://demo7.formcycle.eu/formcycle/form/alias/52/validation_rules/||rel="noopener noreferrer" target="_blank"]]
123 123  : Verschiedene Beispiele für reguläre Ausdrücke bei benutzerdefinierten Datentypen.
... ... @@ -126,10 +126,7 @@
126 126  : Beispiel für clientseitigen IBAN-Validator
127 127  
128 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.
119 +: Demo wie es möglich ist, ein erforderliches Feld in Abhängigkeit von einem Status zu setzen
133 133  
134 134  == Word (Fill) Beispiel ==
135 135  
... ... @@ -157,11 +157,6 @@
157 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 158  : Wandelt einen Upload in Bild um
159 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 165  == Weitere Demos ==
166 166  
167 167  {{subpages depth="2" title="Demo-Beispiele"/}}