| ... |
... |
@@ -6,55 +6,172 @@ |
| 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://demo7.formcycle.eu/formcycle/form/provide/408/||target="_blank"]] |
| 16 |
|
-|Calculation|Summation of values|[[https://demo7.formcycle.eu/formcycle/form/provide/363/||target="_blank"]] |
| 17 |
|
-|Calculation|Identical calculation for several form fields and summation of values|[[https://demo7.formcycle.eu/formcycle/form/provide/611/||target="_blank"]] |
| 18 |
|
-|Data sources and database queries|Automcomplete functions - application possibilities|[[https://demo7.formcycle.eu/formcycle/form/provide/304/||target="_blank"]] |
| 19 |
|
-|Data sources and database queries|Filter a selection by value|[[https://demo7.formcycle.eu/formcycle/form/provide/155/||target="_blank"]] |
| 20 |
|
-|Data sources and database queries|Prefilling data from a source|[[https://demo7.formcycle.eu/formcycle/form/provide/361/||target="_blank"]] |
| 21 |
|
-|Data sources and database queries|Transfer select column data|[[https://demo7.formcycle.eu/formcycle/form/provide/503/||target="_blank"]] |
| 22 |
|
-|Date and time|Calendar functions|[[https://demo7.formcycle.eu/formcycle/form/provide/505/||target="_blank"]] |
| 23 |
|
-|Date and time|Date and time initialization|[[https://demo7.formcycle.eu/formcycle/form/provide/157/||target="_blank"]] |
| 24 |
|
-|Date and time|Date difference in days|[[https://demo7.formcycle.eu/formcycle/form/provide/156/||target="_blank"]] |
| 25 |
|
-|Date and time|Date ranges and validation|[[https://demo7.formcycle.eu/formcycle/form/provide/61/||target="_blank"]] |
| 26 |
|
-|Date and time|Formatting Birthday field|[[https://demo7.formcycle.eu/formcycle/form/provide/655/||target="_blank"]] |
| 27 |
|
-|Date and time|Time diffrence|[[https://demo7.formcycle.eu/formcycle/form/provide/609/||target="_blank"]] |
| 28 |
|
-|Date and time|Time validation|[[https://demo7.formcycle.eu/formcycle/form/provide/171/||target="_blank"]] |
| 29 |
|
-|Style|Change position of text|[[https://demo7.formcycle.eu/formcycle/form/provide/424/||target="_blank"]] |
| 30 |
|
-|Style|Change the loading symbol|[[https://demo7.formcycle.eu/formcycle/form/provide/418/||target="_blank"]] |
| 31 |
|
-|Style|Customize repeating elements|[[https://demo7.formcycle.eu/formcycle/form/provide/404/||target="_blank"]] |
| 32 |
|
-|Style|Numbering repeatable elements using CSS|[[https://demo7.formcycle.eu/formcycle/form/provide/419/||target="_blank"]] |
| 33 |
|
-|Utility|Formatting of numbers (autonumeric configuration)|[[https://demo7.formcycle.eu/formcycle/form/provide/335/||target="_blank"]] |
| 34 |
|
-|Utility|Copy input values|[[https://demo7.formcycle.eu/formcycle/form/provide/417/||target="_blank"]] |
| 35 |
|
-|Utility|Delete form data|[[https://demo7.formcycle.eu/formcycle/form/provide/454/||target="_blank"]] |
| 36 |
|
-|Utility|Language selection|[[https://demo7.formcycle.eu/formcycle/form/provide/552/||target="_blank"]] |
| 37 |
|
-|Utility|Local import and export|[[https://demo7.formcycle.eu/formcycle/form/provide/430/||target="_blank"]] |
| 38 |
|
-|Utility|Set value before sending|[[https://demo7.formcycle.eu/formcycle/form/provide/452/||target="_blank"]] |
| 39 |
|
-|Utility|Textarea autosize|[[https://demo7.formcycle.eu/formcycle/form/provide/407/||target="_blank"]] |
| 40 |
|
-|Utility|Save a form temporarily|[[https://demo7.formcycle.eu/formcycle/form/provide/612/||target="_blank"]] |
| 41 |
|
-|Utility|Dynamic preassignment|[[https://demo7.formcycle.eu/formcycle/form/provide/613/||target="_blank"]] |
| 42 |
|
-|Utility|Preassignment of repeating form elements|[[https://demo7.formcycle.eu/formcycle/form/provide/614/||target="_blank"]] |
| 43 |
|
-|Validation|Contraints for multi-select values|[[https://demo7.formcycle.eu/formcycle/form/provide/554/||target="_blank"]] |
| 44 |
|
-|Validation|Example for different input formatting|[[https://demo7.formcycle.eu/formcycle/form/provide/337/||target="_blank"]] |
| 45 |
|
-|Validation|Examples for validation rules|[[https://demo7.formcycle.eu/formcycle/form/provide/169/||target="_blank"]] |
| 46 |
|
-|Validation|IBAN validation|[[https://demo7.formcycle.eu/formcycle/form/provide/341/||target="_blank"]] |
| 47 |
|
-|Validation|Required Field dependent on a status|[[https://demo7.formcycle.eu/formcycle/form/provide/555/||target="_blank"]] |
| 48 |
|
-|Word (Fill) example|Word (Fill) - checkbox and radio buttons|[[https://demo7.formcycle.eu/formcycle/form/provide/556/||target="_blank"]] |
| 49 |
|
-|Word (Fill) example|Word (Fill) - count, contains, replace|[[https://demo7.formcycle.eu/formcycle/form/provide/559/||target="_blank"]] |
| 50 |
|
-|Word (Fill) example|Word (Fill) - images and url|[[https://demo7.formcycle.eu/formcycle/form/provide/560/||target="_blank"]] |
| 51 |
|
-|Word (Fill) example|Word (Fill) - merge field|[[https://demo7.formcycle.eu/formcycle/form/provide/562/||target="_blank"]] |
| 52 |
|
-|Word (Fill) example|Word (Fill) - remove functions|[[https://demo7.formcycle.eu/formcycle/form/provide/561/||target="_blank"]] |
| 53 |
|
-|Word (Fill) example|Word (Fill) - repeating elements|[[https://demo7.formcycle.eu/formcycle/form/provide/557/||target="_blank"]] |
| 54 |
|
-|Word (Fill) example|Word (Fill) - selections|[[https://demo7.formcycle.eu/formcycle/form/provide/558/||target="_blank"]] |
| 55 |
|
-|Word (Fill) example|Word (Fill) - image from a upload field|[[https://demo7.formcycle.eu/formcycle/form/provide/654/||target="_blank"]] |
| 56 |
|
-{{/table}} |
|
11 |
+{{content/}} |
| 57 |
57 |
|
|
13 |
+== Calculation == |
|
14 |
+ |
|
15 |
+; [[Form examples for calculation element>>https://formexchange.formcycle.eu:443/formcycle/form/alias/104/widget_formula?lang=en||rel="noopener noreferrer" target="_blank"]] (in Form store available) |
|
16 |
+: Examples of subtraction, summation and string concatenation |
|
17 |
+ |
|
18 |
+== Counter == |
|
19 |
+ |
|
20 |
+; [[Example for using a counter>>https://demo7.formcycle.eu/formcycle/form/alias/52/counter/?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
21 |
+: It will be demonstrated how to display the actual count, lock appointments that are fully booked and use the counter in the workflow |
|
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://formexchange.formcycle.eu/formcycle/form/alias/104/transfer_select_column?lang=en||rel="noopener noreferrer" target="_blank"]] (in Form store available) |
|
35 |
+: Demo to transfer the value of any column of a data source to another field |
|
36 |
+ |
|
37 |
+; [[Database query>>https://formexchange.formcycle.eu/formcycle/form/alias/104/database_query?lang=en||rel="noopener noreferrer" target="_blank"]] (in Form store available) |
|
38 |
+: Demo for reading data from a database with a fixed parameter. |
|
39 |
+ |
|
40 |
+; [[LDAP query via selection field and autocomplete>>https://demo7.formcycle.eu/formcycle/form/alias/52/ldap_query_selection?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
41 |
+: Fill the selection field with values from an LDAP query and request LDAP data using Autocomplete. |
|
42 |
+ |
|
43 |
+== Date and time == |
|
44 |
+ |
|
45 |
+; [[Calendar functions>>https://formexchange.formcycle.eu:443/formcycle/form/alias/104/calendar_functions?lang=en||rel="noopener noreferrer" target="_blank"]] (in Form store available) |
|
46 |
+: Demo for possible functions for configuration of the calendar widget |
|
47 |
+ |
|
48 |
+; [[Date and time initialization>>https://formexchange.formcycle.eu:443/formcycle/form/alias/104/date_time_initialization?lang=en||rel="noopener noreferrer" target="_blank"]] (in Form store available) |
|
49 |
+: As soon as the form is opened, will be initial assigned the date and time value |
|
50 |
+ |
|
51 |
+; [[Date difference in days>>https://formexchange.formcycle.eu/formcycle/form/alias/104/date_difference_in_days?lang=en||rel="noopener noreferrer" target="_blank"]] (in Form store available) |
|
52 |
+: Get difference in days from datepicker |
|
53 |
+ |
|
54 |
+; [[Date ranges and validation>>https://formexchange.formcycle.eu:443/formcycle/form/alias/104/datepicker_validation?lang=en||rel="noopener noreferrer" target="_blank"]] (in Form store available) |
|
55 |
+: Comparing Dates and manipulate the datepicker |
|
56 |
+ |
|
57 |
+; [[Formatting birthday field>>https://formexchange.formcycle.eu/formcycle/form/alias/104/formatting_birthday_field?lang=en||rel="noopener noreferrer" target="_blank"]] (in Form store available) |
|
58 |
+: Configuration of the datepicker widget |
|
59 |
+ |
|
60 |
+; [[Calculation age>>https://formexchange.formcycle.eu/formcycle/form/alias/104/calculating_age/?lang=en||rel="noopener noreferrer" target="_blank"]] (in Form store available) |
|
61 |
+: Example to calculate the current age by entering a date. |
|
62 |
+ |
|
63 |
+; [[Time difference>>https://demo7.formcycle.eu/formcycle/form/alias/52/time_difference?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
64 |
+: Calculate the difference between two times |
|
65 |
+ |
|
66 |
+; [[Time validation>>https://demo7.formcycle.eu/formcycle/form/alias/52/time_validation?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
67 |
+: Comparing time values |
|
68 |
+ |
|
69 |
+== Appointment == |
|
70 |
+ |
|
71 |
+; [[Preassignment appointments>>https://demo7.formcycle.eu/formcycle/form/alias/52/pre-assign-appointment/?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
72 |
+: Demo how you can pre-assign a date to a appointment in a form. |
|
73 |
+ |
|
74 |
+== Style == |
|
75 |
+ |
|
76 |
+; [[Change position of text>>https://demo7.formcycle.eu/formcycle/form/alias/52/change_text_position?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
77 |
+: Demonstration of manipulation text postion |
|
78 |
+ |
|
79 |
+; [[Change the loading symbol>>https://demo7.formcycle.eu/formcycle/form/alias/52/change_loading_symbol?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
80 |
+: Change the icon that is to be displayed when the form is called up |
|
81 |
+ |
|
82 |
+; [[Customize repeating elements>>https://demo7.formcycle.eu/formcycle/form/alias/52/customize_repeating_elements?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
83 |
+: Use your own custom buttons for repeating elements |
|
84 |
+ |
|
85 |
+; [[Numbering repeatable elements using CSS>>https://formexchange.formcycle.eu:443/formcycle/form/alias/104/numbering_repeatable_elements_css?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
86 |
+: Display a consecutive number for dynamic elements using CSS |
|
87 |
+: |
|
88 |
+; [[Numbering repeatable elements using JavaScript>>https://formexchange.formcycle.eu:443/formcycle/form/alias/104/numbering_repeatable_elements_js?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
89 |
+: Display a consecutive number for dynamic elements using JavaScript |
|
90 |
+ |
|
91 |
+; [[Using own fonts in the form>>https://demo7.formcycle.eu/formcycle/form/alias/52/using_own_font/?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
92 |
+: Integrate and use your own font via CSS |
|
93 |
+ |
|
94 |
+== Utility == |
|
95 |
+ |
|
96 |
+; [[Copy input values>>https://demo7.formcycle.eu/formcycle/form/alias/52/copy_input_values?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
97 |
+: Copy an entered value of a field into a corresponding field (also into fields on the next page) |
|
98 |
+ |
|
99 |
+; [[Delete form data>>https://demo7.formcycle.eu/formcycle/form/alias/52/delete_form_data?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
100 |
+: Demonstrates how to clear one or all form fields in a form by clicking on a button |
|
101 |
+ |
|
102 |
+; Language selection |
|
103 |
+: To enable a language selection option, the [[Language selection element widget>>doc:Formcycle.PluginDocumentation.WidgetXLanguageSwitchPlugin||target="_blank"]] should be used. |
|
104 |
+ |
|
105 |
+; [[Local import and export>>https://demo7.formcycle.eu/formcycle/form/alias/52/local_import_export?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
106 |
+: Save form data into a XML file and load the file into the form. |
|
107 |
+ |
|
108 |
+; [[Set value before sending>>https://demo7.formcycle.eu/formcycle/form/alias/52/set_value_before_sending?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
109 |
+: Before sending a form, check the form and set values. |
|
110 |
+ |
|
111 |
+; [[Generate serial numbers>>https://demo7.formcycle.eu/formcycle/form/alias/52/serial_number?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
112 |
+: Generate serial numbers using the database counter |
|
113 |
+ |
|
114 |
+{{velocity}} |
|
115 |
+##; [[Preassignment of repeating form elements>>#614?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
116 |
+##: STILL OPEN |
|
117 |
+{{/velocity}} |
|
118 |
+ |
|
119 |
+== Formating == |
|
120 |
+ |
|
121 |
+; [[Formatting of numbers (autonumeric configuration)>>https://formexchange.formcycle.eu/formcycle/form/provide/223/?lang=en||rel="noopener noreferrer" target="_blank"]] (in Form store available) |
|
122 |
+: Automatic formatting of a text field in a configured format and unit (autonumeric) |
|
123 |
+ |
|
124 |
+; [[Formatting different input types>>https://demo7.formcycle.eu/formcycle/form/alias/52/different_input_formatting?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
125 |
+: Demo for a time and custom formatting using the cleave.js library |
|
126 |
+ |
|
127 |
+== Validation == |
|
128 |
+ |
|
129 |
+; [[Contraints for multi-select values>>https://demo7.formcycle.eu/formcycle/form/alias/52/contraints_multiselect_values?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
130 |
+: Demo how is it possible to change the visiblity of a element depending on several values of a selection |
|
131 |
+ |
|
132 |
+; [[Examples for validation rules>>https://demo7.formcycle.eu/formcycle/form/alias/52/validation_rules?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
133 |
+: Several examples of regular expressions for custom data types. |
|
134 |
+ |
|
135 |
+; [[IBAN validation>>https://demo7.formcycle.eu/formcycle/form/alias/52/iban_validation?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
136 |
+: Example for client side IBAN validator |
|
137 |
+ |
|
138 |
+; [[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"]] |
|
139 |
+: Demo how it is possible to set a field required dependet on a status |
|
140 |
+ |
|
141 |
+; [[Custom conditions>>https://demo7.formcycle.eu/formcycle/form/alias/52/custom_condition/?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
142 |
+: Demo to create a own condition for inputs. |
|
143 |
+ |
|
144 |
+== Word (Fill) examples == |
|
145 |
+ |
|
146 |
+; [[Word (Fill) - checkbox and radio buttons>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-cb?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
147 |
+: Demonstrates examples for the function cb() |
|
148 |
+ |
|
149 |
+; [[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"]] |
|
150 |
+: Demonstrates examples for the functions cnt(), con(), rep() |
|
151 |
+ |
|
152 |
+; [[Word (Fill) - images and url>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-img-url?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
153 |
+: Demonstrates examples for the functions image(), b64img() und url() |
|
154 |
+ |
|
155 |
+; [[Word (Fill) - merge field>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-mergefield?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
156 |
+: Demonstrates example for a merge field, which can be used in the footer |
|
157 |
+ |
|
158 |
+; [[Word (Fill) - remove functions>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-rm?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
159 |
+: Demonstrates examples for the functions rmp(), rmr(), rmt(), rmtp() |
|
160 |
+ |
|
161 |
+; [[Word (Fill) - repeating elements>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-repeat?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
162 |
+: Examples for the use of repeating elements in a Word document. |
|
163 |
+ |
|
164 |
+; [[Word (Fill) - selections>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-lst?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
165 |
+: Demonstrates examples for the functions lsttxt(), lsttitle(), lst() |
|
166 |
+ |
|
167 |
+; [[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"]] |
|
168 |
+: Convert a upload to an image |
|
169 |
+ |
|
170 |
+== Workflow == |
|
171 |
+ |
|
172 |
+; [[Temporary storage of form data>>https://demo7.formcycle.eu/formcycle/form/alias/52/save_form_temporarily/?lang=en||rel="noopener noreferrer" target="_blank"]] |
|
173 |
+: Save the state of a form so that it can be finished later. |
|
174 |
+ |
| 58 |
58 |
== Other demos == |
| 59 |
59 |
|
| 60 |
60 |
{{subpages depth="2" title="Example pages"/}} |
