... |
... |
@@ -2,59 +2,156 @@ |
2 |
2 |
|
3 |
3 |
All examples can also be viewed directly on the FORMCYCLE demo platform. |
4 |
4 |
|
5 |
|
-- **Demo platform url**: [[https:~~/~~/demo2.formcycle.eu/formcycle>>url:https://demo2.formcycle.eu/formcycle]] |
|
5 |
+- **Demo platform url**: [[https:~~/~~/demo7.formcycle.eu/formcycle>>url:https://demo7.formcycle.eu/formcycle]] |
6 |
6 |
- **Loginname**: demo@demo |
7 |
7 |
- **Password**: {{html}}pa55w0rd@demo{{/html}} |
8 |
8 |
|
9 |
|
-== Available demo forms on the demo server == |
10 |
|
- |
11 |
11 |
The following is a list of the existing demo forms on the demo server: |
12 |
12 |
|
13 |
|
-{{table dataTypeAlpha="0-1"}} |
14 |
|
-|=Category|=Demo content|=Link to the form |
15 |
|
-|Calculation|Subtraction of 2 values|[[https://demo2.formcycle.eu/formcycle/form/provide/408/||target="_blank"]] |
16 |
|
-|Calculation|Summation of values|[[https://demo2.formcycle.eu/formcycle/form/provide/363/||target="_blank"]] |
17 |
|
-|Calculation|Identical calculation for several form fields and summation of values|[[https://demo2.formcycle.eu/formcycle/form/provide/611/||target="_blank"]] |
18 |
|
-|Data sources and database queries|Automcomplete functions - application possibilities|[[https://demo2.formcycle.eu/formcycle/form/provide/304/||target="_blank"]] |
19 |
|
-|Data sources and database queries|Filter a selection by value|[[https://demo2.formcycle.eu/formcycle/form/provide/155/||target="_blank"]] |
20 |
|
-|Data sources and database queries|Prefilling data from a source|[[https://demo2.formcycle.eu/formcycle/form/provide/361/||target="_blank"]] |
21 |
|
-|Data sources and database queries|Transfer select column data|[[https://demo2.formcycle.eu/formcycle/form/provide/503/||target="_blank"]] |
22 |
|
-|Date and time|Calendar functions|[[https://demo2.formcycle.eu/formcycle/form/provide/505/||target="_blank"]] |
23 |
|
-|Date and time|Date and time initialization|[[https://demo2.formcycle.eu/formcycle/form/provide/157/||target="_blank"]] |
24 |
|
-|Date and time|Date difference in days|[[https://demo2.formcycle.eu/formcycle/form/provide/156/||target="_blank"]] |
25 |
|
-|Date and time|Date ranges and validation|[[https://demo2.formcycle.eu/formcycle/form/provide/61/||target="_blank"]] |
26 |
|
-|Date and time|Formatting Birthday field|[[https://demo2.formcycle.eu/formcycle/form/provide/655/||target="_blank"]] |
27 |
|
-|Date and time|Time diffrence|[[https://demo2.formcycle.eu/formcycle/form/provide/609/||target="_blank"]] |
28 |
|
-|Date and time|Time validation|[[https://demo2.formcycle.eu/formcycle/form/provide/171/||target="_blank"]] |
29 |
|
-|Style|Change position of text|[[https://demo2.formcycle.eu/formcycle/form/provide/424/||target="_blank"]] |
30 |
|
-|Style|Change the loading symbol|[[https://demo2.formcycle.eu/formcycle/form/provide/418/||target="_blank"]] |
31 |
|
-|Style|Customize repeating elements|[[https://demo2.formcycle.eu/formcycle/form/provide/404/||target="_blank"]] |
32 |
|
-|Style|Numbering repeatable elements using CSS|[[https://demo2.formcycle.eu/formcycle/form/provide/419/||target="_blank"]] |
33 |
|
-|Utility|Formatting of numbers (autonumeric configuration)|[[https://demo2.formcycle.eu/formcycle/form/provide/335/||target="_blank"]] |
34 |
|
-|Utility|Copy input values|[[https://demo2.formcycle.eu/formcycle/form/provide/417/||target="_blank"]] |
35 |
|
-|Utility|Delete form data|[[https://demo2.formcycle.eu/formcycle/form/provide/454/||target="_blank"]] |
36 |
|
-|Utility|Language selection|[[https://demo2.formcycle.eu/formcycle/form/provide/552/||target="_blank"]] |
37 |
|
-|Utility|Local import and export|[[https://demo2.formcycle.eu/formcycle/form/provide/430/||target="_blank"]] |
38 |
|
-|Utility|Set value before sending|[[https://demo2.formcycle.eu/formcycle/form/provide/452/||target="_blank"]] |
39 |
|
-|Utility|Textarea autosize|[[https://demo2.formcycle.eu/formcycle/form/provide/407/||target="_blank"]] |
40 |
|
-|Utility|Save a form temporarily|[[https://demo2.formcycle.eu/formcycle/form/provide/612/||target="_blank"]] |
41 |
|
-|Utility|Dynamic preassignment|[[https://demo2.formcycle.eu/formcycle/form/provide/613/||target="_blank"]] |
42 |
|
-|Utility|Preassignment of repeating form elements|[[https://demo2.formcycle.eu/formcycle/form/provide/614/||target="_blank"]] |
43 |
|
-|Validation|Contraints for multi-select values|[[https://demo2.formcycle.eu/formcycle/form/provide/554/||target="_blank"]] |
44 |
|
-|Validation|Example for different input formatting|[[https://demo2.formcycle.eu/formcycle/form/provide/337/||target="_blank"]] |
45 |
|
-|Validation|Examples for validation rules|[[https://demo2.formcycle.eu/formcycle/form/provide/169/||target="_blank"]] |
46 |
|
-|Validation|IBAN validation|[[https://demo2.formcycle.eu/formcycle/form/provide/341/||target="_blank"]] |
47 |
|
-|Validation|Required Field dependent on a status|[[https://demo2.formcycle.eu/formcycle/form/provide/555/||target="_blank"]] |
48 |
|
-|Word (Fill) example|Word (Fill) - checkbox and radio buttons|[[https://demo2.formcycle.eu/formcycle/form/provide/556/||target="_blank"]] |
49 |
|
-|Word (Fill) example|Word (Fill) - count, contains, replace|[[https://demo2.formcycle.eu/formcycle/form/provide/559/||target="_blank"]] |
50 |
|
-|Word (Fill) example|Word (Fill) - images and url|[[https://demo2.formcycle.eu/formcycle/form/provide/560/||target="_blank"]] |
51 |
|
-|Word (Fill) example|Word (Fill) - merge field|[[https://demo2.formcycle.eu/formcycle/form/provide/562/||target="_blank"]] |
52 |
|
-|Word (Fill) example|Word (Fill) - remove functions|[[https://demo2.formcycle.eu/formcycle/form/provide/561/||target="_blank"]] |
53 |
|
-|Word (Fill) example|Word (Fill) - repeating elements|[[https://demo2.formcycle.eu/formcycle/form/provide/557/||target="_blank"]] |
54 |
|
-|Word (Fill) example|Word (Fill) - selections|[[https://demo2.formcycle.eu/formcycle/form/provide/558/||target="_blank"]] |
55 |
|
-|Word (Fill) example|Word (Fill) - image from a upload field|[[https://demo2.formcycle.eu/formcycle/form/provide/654/||target="_blank"]] |
56 |
|
-{{/table}} |
|
11 |
+{{content/}} |
57 |
57 |
|
|
13 |
+== Calculation == |
|
14 |
+ |
|
15 |
+; [[Subtraction of 2 values>>https://demo7.formcycle.eu/formcycle/form/alias/52/subtraction_2_values?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
16 |
+: Calculation of a difference between 2 values |
|
17 |
+ |
|
18 |
+; [[Summation of values>>https://demo7.formcycle.eu/formcycle/form/alias/52/summation_values?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
19 |
+: Calculation of a sum for different types |
|
20 |
+{{velocity}}##; [[Identical calculation for several form fields and summation of values>>#||rel="noopener noreferrer" target="_blank"]] |
|
21 |
+##: (STILL OPEN){{/velocity}} |
|
22 |
+ |
|
23 |
+== Data sources and database queries == |
|
24 |
+ |
|
25 |
+; [[Automcomplete functions - application possibilities>>https://demo7.formcycle.eu/formcycle/form/alias/52/autocomplete_functions_2?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
26 |
+: Examples for using autocomplete with source CSV or a database. |
|
27 |
+ |
|
28 |
+; [[Filter a selection by value>>https://demo7.formcycle.eu/formcycle/form/alias/52/filter_selection?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
29 |
+: Enables parameterized database queries to filter selection |
|
30 |
+ |
|
31 |
+; [[Prefilling data from a source>>https://demo7.formcycle.eu/formcycle/form/alias/52/prefilling_data?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
32 |
+: Assign data from a data source to fields in the form |
|
33 |
+ |
|
34 |
+; [[Transfer select column data>>https://demo7.formcycle.eu/formcycle/form/alias/52/transfer_select_column?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
35 |
+: Demo to transfer the value of any column of a data source to another field |
|
36 |
+ |
|
37 |
+== Date and time == |
|
38 |
+ |
|
39 |
+; [[Calendar functions>>https://demo7.formcycle.eu/formcycle/form/alias/52/calendar_functions?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
40 |
+: Demo for possible functions for configuration of the calendar widget |
|
41 |
+ |
|
42 |
+; [[Date and time initialization>>https://demo7.formcycle.eu/formcycle/form/alias/52/datepicker_initialization?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
43 |
+: As soon as the form is opened, will be initial assigned the date and time value |
|
44 |
+ |
|
45 |
+; [[Date difference in days>>https://demo7.formcycle.eu/formcycle/form/alias/52/date_difference_in_days?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
46 |
+: Get difference in days from datepicker |
|
47 |
+ |
|
48 |
+; [[Date ranges and validation>>https://demo7.formcycle.eu/formcycle/form/alias/52/datepicker_validation?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
49 |
+: Comparing Dates and manipulate the datepicker |
|
50 |
+ |
|
51 |
+; [[Formatting Birthday field>>https://demo7.formcycle.eu/formcycle/form/alias/52/formatting_birthday_field?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
52 |
+: Configuration of the datepicker widget |
|
53 |
+ |
|
54 |
+; [[Time difference>>https://demo7.formcycle.eu/formcycle/form/alias/52/time_difference?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
55 |
+: Calculate the difference between two times |
|
56 |
+ |
|
57 |
+; [[Time validation>>https://demo7.formcycle.eu/formcycle/form/alias/52/time_validation?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
58 |
+: Comparing time values |
|
59 |
+ |
|
60 |
+== Style == |
|
61 |
+ |
|
62 |
+; [[Change position of text>>https://demo7.formcycle.eu/formcycle/form/alias/52/change_text_position?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
63 |
+: Demonstration of manipulation text postion |
|
64 |
+ |
|
65 |
+; [[Change the loading symbol>>https://demo7.formcycle.eu/formcycle/form/alias/52/change_loading_symbol?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
66 |
+: Change the icon that is to be displayed when the form is called up |
|
67 |
+ |
|
68 |
+; [[Customize repeating elements>>https://demo7.formcycle.eu/formcycle/form/alias/52/customize_repeating_elements?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
69 |
+: Use your own custom buttons for repeating elements |
|
70 |
+ |
|
71 |
+; [[Numbering repeatable elements using CSS>>https://demo7.formcycle.eu/formcycle/form/alias/52/numbering_repeatable_elements_css?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
72 |
+: Display a consecutive number for dynamic elements using CSS |
|
73 |
+ |
|
74 |
+== Utility == |
|
75 |
+ |
|
76 |
+; [[Formatting of numbers (autonumeric configuration)>>https://demo7.formcycle.eu/formcycle/form/alias/52/formatting_numbers?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
77 |
+: Automatic formatting of a text field in a configured format and unit (autonumeric) |
|
78 |
+ |
|
79 |
+; [[Formatting different input types>>https://demo7.formcycle.eu/formcycle/form/alias/52/different_input_formatting?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
80 |
+: Demo for a time and custom formatting using the cleave.js library |
|
81 |
+ |
|
82 |
+; [[Copy input values>>https://demo7.formcycle.eu/formcycle/form/alias/52/copy_input_values?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
83 |
+: Copy an entered value of a field into a corresponding field (also into fields on the next page) |
|
84 |
+ |
|
85 |
+; [[Delete form data>>https://demo7.formcycle.eu/formcycle/form/alias/52/delete_form_data?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
86 |
+: Demonstrates how to clear one or all form fields in a form by clicking on a button |
|
87 |
+ |
|
88 |
+; [[Language selection>>https://demo7.formcycle.eu/formcycle/form/alias/52/language_selection?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
89 |
+: Demo to change the form language by click |
|
90 |
+ |
|
91 |
+; [[Local import and export>>https://demo7.formcycle.eu/formcycle/form/alias/52/local_import_export?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
92 |
+: Save form data into a XML file and load the file into the form. |
|
93 |
+ |
|
94 |
+; [[Set value before sending>>https://demo7.formcycle.eu/formcycle/form/alias/52/set_value_before_sending?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
95 |
+: Before sending a form, check the form and set values. |
|
96 |
+ |
|
97 |
+{{velocity}} |
|
98 |
+##; [[Textarea autosize>>#?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
99 |
+##: STILL OPEN |
|
100 |
+{{/velocity}} |
|
101 |
+ |
|
102 |
+; [[Save a form temporarily>>https://demo7.formcycle.eu/formcycle/form/alias/52/save_form_temporarily?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
103 |
+: Save the state of a form so that it can be finished later |
|
104 |
+ |
|
105 |
+{{velocity}} |
|
106 |
+##; [[Dynamic preassignment>>https://demo7.formcycle.eu/formcycle/form/alias/52/dynamic_prefill?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
107 |
+##: STILL OPEN |
|
108 |
+{{/velocity}} |
|
109 |
+ |
|
110 |
+{{velocity}} |
|
111 |
+##; [[Preassignment of repeating form elements>>#614?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
112 |
+##: STILL OPEN |
|
113 |
+{{/velocity}} |
|
114 |
+ |
|
115 |
+== Validation == |
|
116 |
+ |
|
117 |
+; [[Contraints for multi-select values>>https://demo7.formcycle.eu/formcycle/form/alias/52/contraints_multiselect_values?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
118 |
+: Demo how is it possible to change the visiblity of a element depending on several values of a selection |
|
119 |
+ |
|
120 |
+; [[Examples for validation rules>>https://demo7.formcycle.eu/formcycle/form/alias/52/validation_rules?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
121 |
+: Several examples of regular expressions for custom data types. |
|
122 |
+ |
|
123 |
+; [[IBAN validation>>https://demo7.formcycle.eu/formcycle/form/alias/52/iban_validation?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
124 |
+: Example for client side IBAN validator |
|
125 |
+ |
|
126 |
+; [[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"]] |
|
127 |
+: Demo how it is possible to set a field required dependet on a status |
|
128 |
+ |
|
129 |
+== Word (Fill) examples == |
|
130 |
+ |
|
131 |
+; [[Word (Fill) - checkbox and radio buttons>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-cb?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
132 |
+: Demonstrates examples for the function cb() |
|
133 |
+ |
|
134 |
+; [[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"]] |
|
135 |
+: Demonstrates examples for the functions cnt(), con(), rep() |
|
136 |
+ |
|
137 |
+; [[Word (Fill) - images and url>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-img-url?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
138 |
+: Demonstrates examples for the functions image(), b64img() und url() |
|
139 |
+ |
|
140 |
+; [[Word (Fill) - merge field>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-mergefield?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
141 |
+: Demonstrates example for a merge field, which can be used in the footer |
|
142 |
+ |
|
143 |
+; [[Word (Fill) - remove functions>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-rm?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
144 |
+: Demonstrates examples for the functions rmp(), rmr(), rmt(), rmtp() |
|
145 |
+ |
|
146 |
+; [[Word (Fill) - repeating elements>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-repeat?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
147 |
+: Examples for the use of repeating elements in a Word document. |
|
148 |
+ |
|
149 |
+; [[Word (Fill) - selections>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-lst?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
150 |
+: Demonstrates examples for the functions lsttxt(), lsttitle(), lst() |
|
151 |
+ |
|
152 |
+; [[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"]] |
|
153 |
+: Convert a upload to an image |
|
154 |
+ |
58 |
58 |
== Other demos == |
59 |
59 |
|
60 |
60 |
{{subpages depth="2" title="Example pages"/}} |