| ... |
... |
@@ -2,176 +2,59 @@ |
| 2 |
2 |
|
| 3 |
3 |
All examples can also be viewed directly on the FORMCYCLE demo platform. |
| 4 |
4 |
|
| 5 |
|
-- **Demo platform url**: [[https:~~/~~/demo7.formcycle.eu/formcycle>>url:https://demo7.formcycle.eu/formcycle]] |
|
5 |
+- **Demo platform url**: [[https:~~/~~/demo2.formcycle.eu/formcycle>>url:https://demo2.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 |
+ |
| 9 |
9 |
The following is a list of the existing demo forms on the demo server: |
| 10 |
10 |
|
| 11 |
|
-{{content/}} |
|
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}} |
| 12 |
12 |
|
| 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/provide/1373?lang=en||rel="noopener noreferrer" target="_blank"]] (in Form store available) |
| 38 |
|
-: Demo for reading data from a database by a fix 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://demo7.formcycle.eu/formcycle/form/alias/52/formatting_numbers?lang=en||rel="noopener noreferrer" target="_blank"]] |
| 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 |
|
- |
| 175 |
175 |
== Other demos == |
| 176 |
176 |
|
| 177 |
177 |
{{subpages depth="2" title="Example pages"/}} |
