From version 1.1
edited by sas
on 29.03.2021, 20:53
Change comment: Imported from XAR
To version 22.1
edited by sas
on 28.03.2022, 17:07
Change comment: There is no comment for this version

Summary

Details

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