... |
... |
@@ -47,42 +47,117 @@ |
47 |
47 |
; [[Date difference in days>>https://demo7.formcycle.eu/formcycle/form/alias/52/date_difference_in_days?lang=en||rel="noopener noreferrer" target="_blank"]] |
48 |
48 |
: Get difference in days from datepicker |
49 |
49 |
|
50 |
|
-{{table dataTypeAlpha="0-1"}} |
51 |
|
-|=Category|=Demo content|=Link to the form |
52 |
|
-|Date and time|Date difference in days|[[https://demo7.formcycle.eu/formcycle/form/provide/156/||target="_blank"]] |
53 |
|
-|Date and time|Date ranges and validation|[[https://demo7.formcycle.eu/formcycle/form/provide/61/||target="_blank"]] |
54 |
|
-|Date and time|Formatting Birthday field|[[https://demo7.formcycle.eu/formcycle/form/provide/655/||target="_blank"]] |
55 |
|
-|Date and time|Time diffrence|[[https://demo7.formcycle.eu/formcycle/form/provide/609/||target="_blank"]] |
56 |
|
-|Date and time|Time validation|[[https://demo7.formcycle.eu/formcycle/form/provide/171/||target="_blank"]] |
57 |
|
-|Style|Change position of text|[[https://demo7.formcycle.eu/formcycle/form/provide/424/||target="_blank"]] |
58 |
|
-|Style|Change the loading symbol|[[https://demo7.formcycle.eu/formcycle/form/provide/418/||target="_blank"]] |
59 |
|
-|Style|Customize repeating elements|[[https://demo7.formcycle.eu/formcycle/form/provide/404/||target="_blank"]] |
60 |
|
-|Style|Numbering repeatable elements using CSS|[[https://demo7.formcycle.eu/formcycle/form/provide/419/||target="_blank"]] |
61 |
|
-|Utility|Formatting of numbers (autonumeric configuration)|[[https://demo7.formcycle.eu/formcycle/form/provide/335/||target="_blank"]] |
62 |
|
-|Utility|Copy input values|[[https://demo7.formcycle.eu/formcycle/form/provide/417/||target="_blank"]] |
63 |
|
-|Utility|Delete form data|[[https://demo7.formcycle.eu/formcycle/form/provide/454/||target="_blank"]] |
64 |
|
-|Utility|Language selection|[[https://demo7.formcycle.eu/formcycle/form/provide/552/||target="_blank"]] |
65 |
|
-|Utility|Local import and export|[[https://demo7.formcycle.eu/formcycle/form/provide/430/||target="_blank"]] |
66 |
|
-|Utility|Set value before sending|[[https://demo7.formcycle.eu/formcycle/form/provide/452/||target="_blank"]] |
67 |
|
-|Utility|Textarea autosize|[[https://demo7.formcycle.eu/formcycle/form/provide/407/||target="_blank"]] |
68 |
|
-|Utility|Save a form temporarily|[[https://demo7.formcycle.eu/formcycle/form/provide/612/||target="_blank"]] |
69 |
|
-|Utility|Dynamic preassignment|[[https://demo7.formcycle.eu/formcycle/form/provide/613/||target="_blank"]] |
70 |
|
-|Utility|Preassignment of repeating form elements|[[https://demo7.formcycle.eu/formcycle/form/provide/614/||target="_blank"]] |
71 |
|
-|Validation|Contraints for multi-select values|[[https://demo7.formcycle.eu/formcycle/form/provide/554/||target="_blank"]] |
72 |
|
-|Validation|Example for different input formatting|[[https://demo7.formcycle.eu/formcycle/form/provide/337/||target="_blank"]] |
73 |
|
-|Validation|Examples for validation rules|[[https://demo7.formcycle.eu/formcycle/form/provide/169/||target="_blank"]] |
74 |
|
-|Validation|IBAN validation|[[https://demo7.formcycle.eu/formcycle/form/provide/341/||target="_blank"]] |
75 |
|
-|Validation|Required Field dependent on a status|[[https://demo7.formcycle.eu/formcycle/form/provide/555/||target="_blank"]] |
76 |
|
-|Word (Fill) example|Word (Fill) - checkbox and radio buttons|[[https://demo7.formcycle.eu/formcycle/form/provide/556/||target="_blank"]] |
77 |
|
-|Word (Fill) example|Word (Fill) - count, contains, replace|[[https://demo7.formcycle.eu/formcycle/form/provide/559/||target="_blank"]] |
78 |
|
-|Word (Fill) example|Word (Fill) - images and url|[[https://demo7.formcycle.eu/formcycle/form/provide/560/||target="_blank"]] |
79 |
|
-|Word (Fill) example|Word (Fill) - merge field|[[https://demo7.formcycle.eu/formcycle/form/provide/562/||target="_blank"]] |
80 |
|
-|Word (Fill) example|Word (Fill) - remove functions|[[https://demo7.formcycle.eu/formcycle/form/provide/561/||target="_blank"]] |
81 |
|
-|Word (Fill) example|Word (Fill) - repeating elements|[[https://demo7.formcycle.eu/formcycle/form/provide/557/||target="_blank"]] |
82 |
|
-|Word (Fill) example|Word (Fill) - selections|[[https://demo7.formcycle.eu/formcycle/form/provide/558/||target="_blank"]] |
83 |
|
-|Word (Fill) example|Word (Fill) - image from a upload field|[[https://demo7.formcycle.eu/formcycle/form/provide/654/||target="_blank"]] |
84 |
|
-{{/table}} |
|
50 |
+; [[Date ranges and validation>>https://demo7.formcycle.eu/formcycle/form/alias/52/datepicker_validation?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
51 |
+: Comparing Dates and manipulate the datepicker |
85 |
85 |
|
|
53 |
+; [[Formatting Birthday field>>https://demo7.formcycle.eu/formcycle/form/alias/52/formatting_birthday_field?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
54 |
+: Configuration of the datepicker widget |
|
55 |
+ |
|
56 |
+; [[Time difference>>https://demo7.formcycle.eu/formcycle/form/alias/52/time_difference?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
57 |
+: Calculate the difference between two times |
|
58 |
+ |
|
59 |
+; [[Time validation>>https://demo7.formcycle.eu/formcycle/form/alias/52/time_validation?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
60 |
+: Comparing time values |
|
61 |
+ |
|
62 |
+; [[Time validation>>https://demo7.formcycle.eu/formcycle/form/alias/52/time_validation?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
63 |
+: Comparing time values |
|
64 |
+ |
|
65 |
+== Style == |
|
66 |
+ |
|
67 |
+; [[Change position of text>>https://demo7.formcycle.eu/formcycle/form/alias/52/change_text_position?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
68 |
+: Demonstration of manipulation text postion |
|
69 |
+ |
|
70 |
+; [[Change the loading symbol>>https://demo7.formcycle.eu/formcycle/form/alias/52/change_loading_symbol?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
71 |
+: Change the icon that is to be displayed when the form is called up |
|
72 |
+ |
|
73 |
+; [[Customize repeating elements>>https://demo7.formcycle.eu/formcycle/form/alias/52/customize_repeating_elements?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
74 |
+: Use your own custom buttons for repeating elements |
|
75 |
+ |
|
76 |
+; [[Numbering repeatable elements using CSS>>https://demo7.formcycle.eu/formcycle/form/alias/52/numbering_repeatable_elements_css?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
77 |
+: Display a consecutive number for dynamic elements using CSS |
|
78 |
+ |
|
79 |
+== Utility == |
|
80 |
+ |
|
81 |
+; [[Formatting of numbers (autonumeric configuration)>>https://demo7.formcycle.eu/formcycle/form/alias/52/formatting_numbers?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
82 |
+: Automatic formatting of a text field in a configured format and unit (autonumeric) |
|
83 |
+ |
|
84 |
+; [[Copy input values>>https://demo7.formcycle.eu/formcycle/form/alias/52/copy_input_values?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
85 |
+: Copy an entered value of a field into a corresponding field (also into fields on the next page) |
|
86 |
+ |
|
87 |
+; [[Delete form data>>https://demo7.formcycle.eu/formcycle/form/alias/52/delete_form_data?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
88 |
+: Demonstrates how to clear one or all form fields in a form by clicking on a button |
|
89 |
+ |
|
90 |
+; [[Language selection>>https://demo7.formcycle.eu/formcycle/form/alias/52/language_selection?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
91 |
+: Demo to change the form language by click |
|
92 |
+ |
|
93 |
+; [[Local import and export>>https://demo7.formcycle.eu/formcycle/form/alias/52/local_import_export?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
94 |
+: Save form data into a XML file and load the file into the form. |
|
95 |
+ |
|
96 |
+; [[Set value before sending>>https://demo7.formcycle.eu/formcycle/form/alias/52/set_value_before_sending?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
97 |
+: Before sending a form, check the form and set values. |
|
98 |
+ |
|
99 |
+{{velocity}} |
|
100 |
+##; [[Textarea autosize>>#?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
101 |
+##: STILL OPEN |
|
102 |
+{{/velocity}} |
|
103 |
+ |
|
104 |
+; [[Save a form temporarily>>https://demo7.formcycle.eu/formcycle/form/alias/52/save_form_temporarily?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
105 |
+: Save the state of a form so that it can be finished later |
|
106 |
+ |
|
107 |
+{{velocity}} |
|
108 |
+##; [[Dynamic preassignment>>https://demo7.formcycle.eu/formcycle/form/alias/52/dynamic_prefill?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
109 |
+##: STILL OPEN |
|
110 |
+{{/velocity}} |
|
111 |
+ |
|
112 |
+{{velocity}} |
|
113 |
+##; [[Preassignment of repeating form elements>>#614?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
114 |
+##: STILL OPEN |
|
115 |
+{{/velocity}} |
|
116 |
+ |
|
117 |
+== Validation == |
|
118 |
+ |
|
119 |
+; [[Contraints for multi-select values>>https://demo7.formcycle.eu/formcycle/form/alias/52/contraints_multiselect_values?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
120 |
+: Demo how is it possible to change the visiblity of a element depending on several values of a selection |
|
121 |
+ |
|
122 |
+; [[Example for different input formatting>>https://demo7.formcycle.eu/formcycle/form/alias/52/different_input_formatting?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
123 |
+: Demo for a time and custom formatting |
|
124 |
+ |
|
125 |
+; [[Examples for validation rules>>https://demo7.formcycle.eu/formcycle/form/alias/52/validation_rules?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
126 |
+: Several examples of regular expressions for custom data types. |
|
127 |
+ |
|
128 |
+; [[IBAN validation>>https://demo7.formcycle.eu/formcycle/form/alias/52/iban_validation?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
129 |
+: Example for client side IBAN validator |
|
130 |
+ |
|
131 |
+; [[Required Field dependent on a status>>https://demo7.formcycle.eu/formcycle/form/alias/52/required_field_on_status?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
132 |
+: Demo how it is possible to set a field required dependet on a status |
|
133 |
+ |
|
134 |
+== Word (Fill) examples == |
|
135 |
+ |
|
136 |
+; [[Word (Fill) - checkbox and radio buttons>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-cb?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
137 |
+: Demonstrates examples for the function cb() |
|
138 |
+ |
|
139 |
+; [[Word (Fill) - count, contains, replace>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-cnt-con-rep?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
140 |
+: Demonstrates examples for the functions cnt(), con(), rep() |
|
141 |
+ |
|
142 |
+; [[Word (Fill) - images and url>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-img-url?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
143 |
+: Demonstrates examples for the functions image(), b64img() und url() |
|
144 |
+ |
|
145 |
+; [[Word (Fill) - merge field>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-mergefield?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
146 |
+: Demonstrates example for a merge field, which can be used in the footer |
|
147 |
+ |
|
148 |
+; [[Word (Fill) - remove functions>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-rm?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
149 |
+: Demonstrates examples for the functions rmp(), rmr(), rmt(), rmtp() |
|
150 |
+ |
|
151 |
+; [[Word (Fill) - repeating elements>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-repeat?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
152 |
+: Examples for the use of repeating elements in a Word document. |
|
153 |
+ |
|
154 |
+; [[Word (Fill) - selections>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-lst?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
155 |
+: Demonstrates examples for the functions lsttxt(), lsttitle(), lst() |
|
156 |
+ |
|
157 |
+; [[Word (Fill) - image from a upload field>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-upload-to-img?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
158 |
+: Convert a upload to an image |
|
159 |
+ |
86 |
86 |
== Other demos == |
87 |
87 |
|
88 |
88 |
{{subpages depth="2" title="Example pages"/}} |
|
163 |
+ |