Änderungen von Dokument Beispiele JavaScript und CSS


Von Version 30.1
bearbeitet von sas
am 09.03.2022, 12:15
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 8.1
bearbeitet von sas
am 20.08.2021, 13:59
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -1,4 +1,4 @@
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  
... ... @@ -8,157 +8,68 @@
8 8  
9 9  Im folgenden Teil finden Sie eine Auflistung der vorhandenen Beispielformulare auf dem Demo-Server.
10 10  
11 -{{content/}}
12 -
13 13  == Berechnung ==
14 14  
15 -; [[Formularbespiele für Berechnungselement>>https://demo7.formcycle.eu/formcycle/form/alias/52/widget_formula/||rel="noopener noreferrer" target="_blank"]]
13 +; [[Formularbespiele für Berechnungselement>>https://demo7.formcycle.eu/formcycle/form/provide/754/||rel="noopener noreferrer" target="_blank"]]
16 16  : Beispiele für Subtraktion, Summenbildung und String-Verkettung
17 17  
18 -== Datenquellen und Abfragen ==
16 +== Datenquellen und Datenbankabfragen ==
19 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.
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
22 22  
23 -; [[Filterung einer Auswahl anhand eines Wertes>>https://demo7.formcycle.eu/formcycle/form/alias/52/filter_selection||rel="noopener noreferrer" target="_blank"]]
21 +; [[Filterung einer Auswahl anhand eines Wertes>>https://demo7.formcycle.eu/formcycle/form/provide/757/||rel="noopener noreferrer" target="_blank"]]
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 -; [[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.
24 +; [[Vorbelegung von Daten aus einer Datenquelle>>https://demo7.formcycle.eu/formcycle/form/provide/758/]]
25 +: Daten aus einer Datenquelle Feldern im Formular zuweisen
28 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.
27 +; [[Übertragung von Werten einer Auswahlliste>>https://demo7.formcycle.eu/formcycle/form/provide/759/||rel="noopener noreferrer" target="_blank"]]
28 +: 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.
30 +; [[LDAP-Abfrage über Auswahl-Feld>>https://demo7.formcycle.eu/formcycle/form/provide/763/||rel=" noopener noreferrer" target="_blank"]]
31 +: Auswahlfeld mit Werten aus einer LDAP-Abfrage befüllen
34 34  
35 -== Datum und Zeit ==
33 +== Verfügbaren Formulare ==
36 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.
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}}
39 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://demo7.formcycle.eu/formcycle/form/alias/52/numbering_repeatable_elements_css/||rel="noopener noreferrer" target="_blank"]]
75 -: Wiederholende Formularelemente werden fortlaufend nummeriert mittels CSS.
76 -
77 -; [[Eigene Schriftart im Formular verwenden>>https://demo7.formcycle.eu/formcycle/form/alias/52/using_own_font/||rel="noopener noreferrer" target="_blank"]]
78 -: Eigene Schriftart über CSS einbinden und anwenden.
79 -
80 -== Allgemein ==
81 -
82 -; [[Übertragung von Eingaben auf die nächste Seite>>https://demo7.formcycle.eu/formcycle/form/alias/52/copy_input_values/||rel="noopener noreferrer" target="_blank"]]
83 -: Felder mit Werten vorbelegen, die in einem anderen Feld eingegeben wurden.
84 -
85 -; [[Löschen von Formulardaten>>https://demo7.formcycle.eu/formcycle/form/alias/52/delete_form_data/||rel="noopener noreferrer" target="_blank"]]
86 -: Zeigt, wie einzelne oder alle Eingabefelder in einem Formular gelöscht werden können, wenn ein Button gedrückt wird.
87 -
88 -; Sprachauswahl
89 -: Um eine Auswahlmöglichkeit für die Sprache zu ermöglichen, sollte das [[Widget Sprachauswahlelement>>doc:Formcycle.PluginDocumentation.WidgetXLanguageSwitchPlugin||target="_blank"]] verwendet werden.
90 -
91 -; [[Lokaler Import und Export von Formdaten>>https://demo7.formcycle.eu/formcycle/form/alias/52/local_import_export/||rel="noopener noreferrer" target="_blank"]]
92 -: Formularinhalte lokal als XML zwischenspeichern und wieder laden.
93 -
94 -; [[Werte vor dem Senden setzen>>https://demo7.formcycle.eu/formcycle/form/alias/52/set_value_before_sending/||rel="noopener noreferrer" target="_blank"]]
95 -: Vor dem Versenden eines Formulars das Formular prüfen und Werte setzen.
96 -
97 -; [[Zwischenspeichern von Formularen>>https://demo7.formcycle.eu/formcycle/form/alias/52/save_form_temporarily/||rel="noopener noreferrer" target="_blank"]]
98 -: Speichern des aktuellen Formularzustands, damit dieses später zu Ende ausgefüllt werden kann.
99 -
100 -; [[Dynamische Vorbelegung>>https://demo7.formcycle.eu/formcycle/form/alias/52/dynamic_prefill/||rel="noopener noreferrer" target="_blank"]]
101 -: Vorbelegung von Formularelementen durch Werte vorhergehender Formularelemente.
102 -
103 -; [[Seriennummer erzeugen>>https://demo7.formcycle.eu/formcycle/form/alias/52/serial_number/||rel="noopener noreferrer" target="_blank"]]
104 -: Seriennummern mithilfe des Datenbank-Zählers erzeugen.
105 -
106 -== Formatierung ==
107 -
108 -; [[Formatierung von Zahlen (Autonumeric Konfiguration)>>https://demo7.formcycle.eu/formcycle/form/alias/52/formatting_numbers/||rel="noopener noreferrer" target="_blank"]]
109 -: Automatische Formatierung eines Textfeldes in ein konfiguriertes Format und Einheit (autonumeric)
110 -
111 -; [[Formatierung unterschiedlicher Eingabetypen>>https://demo7.formcycle.eu/formcycle/form/alias/52/different_input_formatting/||rel="noopener noreferrer" target="_blank"]]
112 -: Demo für Zeit- und benutzerdefinierte Formatierung anhand der Bibliothek cleave.js
113 -
114 -== Validierung ==
115 -
116 -; [[Bedingungen für Mehrfachauswahlwerte>>https://demo7.formcycle.eu/formcycle/form/alias/52/contraints_multiselect_values/||rel="noopener noreferrer" target="_blank"]]
117 -: Demo, wie es möglich ist, die Sichtbarkeit eines Elements in Abhängigkeit von mehreren Werten einer Auswahl zu ändern.
118 -
119 -; [[Beispiele für Validationsregeln>>https://demo7.formcycle.eu/formcycle/form/alias/52/validation_rules/||rel="noopener noreferrer" target="_blank"]]
120 -: Verschiedene Beispiele für reguläre Ausdrücke bei benutzerdefinierten Datentypen.
121 -
122 -; [[IBAN Validierung>>https://demo7.formcycle.eu/formcycle/form/alias/52/iban_validation/||rel="noopener noreferrer" target="_blank"]]
123 -: Beispiel für clientseitigen IBAN-Validator
124 -
125 -; [[Mussfeld in Abhängigkeit eines Status>>https://demo7.formcycle.eu/formcycle/form/alias/52/required_field_on_status/||rel="noopener noreferrer" target="_blank"]]
126 -: Demo wie es möglich ist, ein erforderliches Feld in Abhängigkeit von einem Status zu setzen.
127 -
128 -; [[Benutzerdefinierte Bedingung>>https://demo7.formcycle.eu/formcycle/form/alias/52/custom_condition/||rel="noopener noreferrer" target="_blank"]]
129 -: Demo-Formular um eigene Bedingungen an Eingabefeldern zu definieren.
130 -
131 -== Word (Fill) Beispiel ==
132 -
133 -; [[Word (Fill) - Checkboxen und Radiobuttons>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-cb/||rel="noopener noreferrer" target="_blank"]]
134 -: Demonstriert Beispiele für die Funktion cb()
135 -
136 -; [[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"]]
137 -: Demonstriert Beispiele für die Funktion cnt(), con(), rep()
138 -
139 -; [[Word (Fill) - Bilder und URL>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-img-url/||rel="noopener noreferrer" target="_blank"]]
140 -: Demonstriert Beispiele für die Funktion image(), b64img() und url()
141 -
142 -; [[Word (Fill) - Checkboxen und Radiobuttons>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-mergefield/||rel="noopener noreferrer" target="_blank"]]
143 -: Demonstriert Beispiele für ein Merge Field, welches in der Fusszeile verwendet werden kann
144 -
145 -; [[Word (Fill) - Funktionen zum Entfernen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-rm/||rel="noopener noreferrer" target="_blank"]]
146 -: Demonstriert Beispiele für die Funktion rmp(), rmr(), rmt(), rmtp()
147 -
148 -; [[Word (Fill) - Wiederholende Elemente>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-repeat/||rel="noopener noreferrer" target="_blank"]]
149 -: Beispiele für die Verwendung wiederholender Elemente in einem Word-Dokument.
150 -
151 -; [[Word (Fill) - Auswahl-Funktionen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-lst/||rel="noopener noreferrer" target="_blank"]]
152 -: Demonstriert Beispiele für die Funktion lsttxt(), lsttitle(), lst()
153 -
154 -; [[Word (Fill) - Bild aus Uploadfeld übertragen>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-upload-to-img/||rel="noopener noreferrer" target="_blank"]]
155 -: Wandelt einen Upload in Bild um
156 -
157 -== Workflow ==
158 -
159 -; [[Temporäre Zwischenspeichern von Formulardaten>>https://demo7.formcycle.eu/formcycle/form/alias/52/save_form_temporarily/||rel="noopener noreferrer" target="_blank"]]
160 -: Speichern des aktuellen Formularzustands, damit dieses später zu Ende ausgefüllt werden kann.
161 -
162 162  == Weitere Demos ==
163 163  
164 164  {{subpages depth="2" title="Demo-Beispiele"/}}