Changes for page Beispiele JavaScript und CSS

From 2.1 to 1.2

From version 39.1

edited by sas
on 17.11.2023, 13:56

Change comment: There is no comment for this version

To version 2.1

edited by tki
on 23.08.2021, 18:06

Change comment: There is no comment for this version

Raw
Rendered

Summary

Page properties (2 modified, 0 added, 0 removed)

Details

Page properties

Author

@@ -1,1 +1,1 @@
--XWiki.sas
++XWiki.tki

Content

@@ -6,19 +6,20 @@
  - **Loginname**: demo@demo
  - **Password**: {{html}}pa55w0rd@demo{{/html}}
++== Available demo forms on the demo server ==
++
  The following is a list of the existing demo forms on the demo server:
--{{content/}}
--
  == Calculation ==
--; [[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)
--: Examples of subtraction, summation and string concatenation
++; [[Subtraction of 2 values>>https://demo7.formcycle.eu/formcycle/form/alias/52/subtraction_2_values?lang=en||rel="noopener noreferrer" target="_blank"]]
++: Calculation of a diffrence between 2 values
--== Counter ==
++; [[Summation of values>>https://demo7.formcycle.eu/formcycle/form/alias/52/summation_values?lang=en||rel="noopener noreferrer" target="_blank"]]
++: Calculation of a sum for different types
--; [[Example for using a counter>>https://demo7.formcycle.eu/formcycle/form/alias/52/counter/?lang=en||rel="noopener noreferrer" target="_blank"]]
--: It will be demonstrated how to display the actual count, lock appointments that are fully booked and use the counter in the workflow
++; [[Identical calculation for several form fields and summation of values>>#||rel="noopener noreferrer" target="_blank"]]
++: (STILL OPEN)
  == Data sources and database queries ==
@@ -31,147 +31,56 @@
  ; [[Prefilling data from a source>>https://demo7.formcycle.eu/formcycle/form/alias/52/prefilling_data?lang=en||rel="noopener noreferrer" target="_blank"]]
  : Assign data from a data source to fields in the form
--; [[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)
--: Demo to transfer the value of any column of a data source to another field
++; [[Transfer select column data>>https://demo7.formcycle.eu/formcycle/form/alias/52/transfer_select_column?lang=en||rel="noopener noreferrer" target="_blank"]]
++: Assign data from a data source to fields in the form
--; [[Database query>>https://formexchange.formcycle.eu/formcycle/form/alias/104/database_query?lang=en||rel="noopener noreferrer" target="_blank"]] (in Form store available)
--: Demo for reading data from a database with a fixed parameter.
--
--; [[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"]]
--: Fill the selection field with values from an LDAP query and request LDAP data using Autocomplete.
--
  == Date and time ==
--; [[Calendar functions>>https://formexchange.formcycle.eu:443/formcycle/form/alias/104/calendar_functions?lang=en||rel="noopener noreferrer" target="_blank"]] (in Form store available)
++; [[Calendar functions>>https://demo7.formcycle.eu/formcycle/form/alias/52/calendar_functions?lang=en||rel="noopener noreferrer" target="_blank"]]
  : Demo for possible functions for configuration of the calendar widget
--; [[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)
++; [[Date and time initialization>>https://demo7.formcycle.eu/formcycle/form/alias/52/datepicker_initialization?lang=en||rel="noopener noreferrer" target="_blank"]]
  : As soon as the form is opened, will be initial assigned the date and time value
--; [[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)
++; [[Date difference in days>>https://demo7.formcycle.eu/formcycle/form/alias/52/date_difference_in_days?lang=en||rel="noopener noreferrer" target="_blank"]]
  : Get difference in days from datepicker
--; [[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)
--: Comparing Dates and manipulate the datepicker
++{{table dataTypeAlpha="0-1"}}
++|=Category|=Demo content|=Link to the form
++|Date and time|Date difference in days|[[https://demo7.formcycle.eu/formcycle/form/provide/156/||target="_blank"]]
++|Date and time|Date ranges and validation|[[https://demo7.formcycle.eu/formcycle/form/provide/61/||target="_blank"]]
++|Date and time|Formatting Birthday field|[[https://demo7.formcycle.eu/formcycle/form/provide/655/||target="_blank"]]
++|Date and time|Time diffrence|[[https://demo7.formcycle.eu/formcycle/form/provide/609/||target="_blank"]]
++|Date and time|Time validation|[[https://demo7.formcycle.eu/formcycle/form/provide/171/||target="_blank"]]
++|Style|Change position of text|[[https://demo7.formcycle.eu/formcycle/form/provide/424/||target="_blank"]]
++|Style|Change the loading symbol|[[https://demo7.formcycle.eu/formcycle/form/provide/418/||target="_blank"]]
++|Style|Customize repeating elements|[[https://demo7.formcycle.eu/formcycle/form/provide/404/||target="_blank"]]
++|Style|Numbering repeatable elements using CSS|[[https://demo7.formcycle.eu/formcycle/form/provide/419/||target="_blank"]]
++|Utility|Formatting of numbers (autonumeric configuration)|[[https://demo7.formcycle.eu/formcycle/form/provide/335/||target="_blank"]]
++|Utility|Copy input values|[[https://demo7.formcycle.eu/formcycle/form/provide/417/||target="_blank"]]
++|Utility|Delete form data|[[https://demo7.formcycle.eu/formcycle/form/provide/454/||target="_blank"]]
++|Utility|Language selection|[[https://demo7.formcycle.eu/formcycle/form/provide/552/||target="_blank"]]
++|Utility|Local import and export|[[https://demo7.formcycle.eu/formcycle/form/provide/430/||target="_blank"]]
++|Utility|Set value before sending|[[https://demo7.formcycle.eu/formcycle/form/provide/452/||target="_blank"]]
++|Utility|Textarea autosize|[[https://demo7.formcycle.eu/formcycle/form/provide/407/||target="_blank"]]
++|Utility|Save a form temporarily|[[https://demo7.formcycle.eu/formcycle/form/provide/612/||target="_blank"]]
++|Utility|Dynamic preassignment|[[https://demo7.formcycle.eu/formcycle/form/provide/613/||target="_blank"]]
++|Utility|Preassignment of repeating form elements|[[https://demo7.formcycle.eu/formcycle/form/provide/614/||target="_blank"]]
++|Validation|Contraints for multi-select values|[[https://demo7.formcycle.eu/formcycle/form/provide/554/||target="_blank"]]
++|Validation|Example for different input formatting|[[https://demo7.formcycle.eu/formcycle/form/provide/337/||target="_blank"]]
++|Validation|Examples for validation rules|[[https://demo7.formcycle.eu/formcycle/form/provide/169/||target="_blank"]]
++|Validation|IBAN validation|[[https://demo7.formcycle.eu/formcycle/form/provide/341/||target="_blank"]]
++|Validation|Required Field dependent on a status|[[https://demo7.formcycle.eu/formcycle/form/provide/555/||target="_blank"]]
++|Word (Fill) example|Word (Fill) - checkbox and radio buttons|[[https://demo7.formcycle.eu/formcycle/form/provide/556/||target="_blank"]]
++|Word (Fill) example|Word (Fill) - count, contains, replace|[[https://demo7.formcycle.eu/formcycle/form/provide/559/||target="_blank"]]
++|Word (Fill) example|Word (Fill) - images and url|[[https://demo7.formcycle.eu/formcycle/form/provide/560/||target="_blank"]]
++|Word (Fill) example|Word (Fill) - merge field|[[https://demo7.formcycle.eu/formcycle/form/provide/562/||target="_blank"]]
++|Word (Fill) example|Word (Fill) - remove functions|[[https://demo7.formcycle.eu/formcycle/form/provide/561/||target="_blank"]]
++|Word (Fill) example|Word (Fill) - repeating elements|[[https://demo7.formcycle.eu/formcycle/form/provide/557/||target="_blank"]]
++|Word (Fill) example|Word (Fill) - selections|[[https://demo7.formcycle.eu/formcycle/form/provide/558/||target="_blank"]]
++|Word (Fill) example|Word (Fill) - image from a upload field|[[https://demo7.formcycle.eu/formcycle/form/provide/654/||target="_blank"]]
++{{/table}}
--; [[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)
--: Configuration of the datepicker widget
--
--; [[Calculation age>>https://formexchange.formcycle.eu/formcycle/form/alias/104/calculating_age/?lang=en||rel="noopener noreferrer" target="_blank"]] (in Form store available)
--: Example to calculate the current age by entering a date.
--
--; [[Time difference>>https://demo7.formcycle.eu/formcycle/form/alias/52/time_difference?lang=en||rel="noopener noreferrer" target="_blank"]]
--: Calculate the difference between two times
--
--; [[Time validation>>https://demo7.formcycle.eu/formcycle/form/alias/52/time_validation?lang=en||rel="noopener noreferrer" target="_blank"]]
--: Comparing time values
--
--== Appointment ==
--
--; [[Preassignment appointments>>https://demo7.formcycle.eu/formcycle/form/alias/52/pre-assign-appointment/?lang=en||rel="noopener noreferrer" target="_blank"]]
--: Demo how you can pre-assign a date to a appointment in a form.
--
--== Style ==
--
--; [[Change position of text>>https://demo7.formcycle.eu/formcycle/form/alias/52/change_text_position?lang=en||rel="noopener noreferrer" target="_blank"]]
--: Demonstration of manipulation text postion
--
--; [[Change the loading symbol>>https://demo7.formcycle.eu/formcycle/form/alias/52/change_loading_symbol?lang=en||rel="noopener noreferrer" target="_blank"]]
--: Change the icon that is to be displayed when the form is called up
--
--; [[Customize repeating elements>>https://demo7.formcycle.eu/formcycle/form/alias/52/customize_repeating_elements?lang=en||rel="noopener noreferrer" target="_blank"]]
--: Use your own custom buttons for repeating elements
--
--; [[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"]]
--: Display a consecutive number for dynamic elements using CSS
--:
--; [[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"]]
--: Display a consecutive number for dynamic elements using JavaScript
--
--; [[Using own fonts in the form>>https://demo7.formcycle.eu/formcycle/form/alias/52/using_own_font/?lang=en||rel="noopener noreferrer" target="_blank"]]
--: Integrate and use your own font via CSS
--
--== Utility ==
--
--; [[Copy input values>>https://demo7.formcycle.eu/formcycle/form/alias/52/copy_input_values?lang=en||rel="noopener noreferrer" target="_blank"]]
--: Copy an entered value of a field into a corresponding field (also into fields on the next page)
--
--; [[Delete form data>>https://demo7.formcycle.eu/formcycle/form/alias/52/delete_form_data?lang=en||rel="noopener noreferrer" target="_blank"]]
--: Demonstrates how to clear one or all form fields in a form by clicking on a button
--
--; Language selection
--: To enable a language selection option, the [[Language selection element widget>>doc:Formcycle.PluginDocumentation.WidgetXLanguageSwitchPlugin||target="_blank"]] should be used.
--
--; [[Local import and export>>https://demo7.formcycle.eu/formcycle/form/alias/52/local_import_export?lang=en||rel="noopener noreferrer" target="_blank"]]
--: Save form data into a XML file and load the file into the form.
--
--; [[Set value before sending>>https://demo7.formcycle.eu/formcycle/form/alias/52/set_value_before_sending?lang=en||rel="noopener noreferrer" target="_blank"]]
--: Before sending a form, check the form and set values.
--
--; [[Generate serial numbers>>https://demo7.formcycle.eu/formcycle/form/alias/52/serial_number?lang=en||rel="noopener noreferrer" target="_blank"]]
--: Generate serial numbers using the database counter
--
--{{velocity}}
--##; [[Preassignment of repeating form elements>>#614?lang=en||rel="noopener noreferrer" target="_blank"]]
--##: STILL OPEN
--{{/velocity}}
--
--== Formating ==
--
--; [[Formatting of numbers (autonumeric configuration)>>https://formexchange.formcycle.eu/formcycle/form/provide/223/?lang=en||rel="noopener noreferrer" target="_blank"]] (in Form store available)
--: Automatic formatting of a text field in a configured format and unit (autonumeric)
--
--; [[Formatting different input types>>https://demo7.formcycle.eu/formcycle/form/alias/52/different_input_formatting?lang=en||rel="noopener noreferrer" target="_blank"]]
--: Demo for a time and custom formatting using the cleave.js library
--
--== Validation ==
--
--; [[Contraints for multi-select values>>https://demo7.formcycle.eu/formcycle/form/alias/52/contraints_multiselect_values?lang=en||rel="noopener noreferrer" target="_blank"]]
--: Demo how is it possible to change the visiblity of a element depending on several values of a selection
--
--; [[Examples for validation rules>>https://demo7.formcycle.eu/formcycle/form/alias/52/validation_rules?lang=en||rel="noopener noreferrer" target="_blank"]]
--: Several examples of regular expressions for custom data types.
--
--; [[IBAN validation>>https://demo7.formcycle.eu/formcycle/form/alias/52/iban_validation?lang=en||rel="noopener noreferrer" target="_blank"]]
--: Example for client side IBAN validator
--
--; [[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"]]
--: Demo how it is possible to set a field required dependet on a status
--
--; [[Custom conditions>>https://demo7.formcycle.eu/formcycle/form/alias/52/custom_condition/?lang=en||rel="noopener noreferrer" target="_blank"]]
--: Demo to create a own condition for inputs.
--
--== Word (Fill) examples ==
--
--; [[Word (Fill) - checkbox and radio buttons>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-cb?lang=en||rel="noopener noreferrer" target="_blank"]]
--: Demonstrates examples for the function cb()
--
--; [[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"]]
--: Demonstrates examples for the functions cnt(), con(), rep()
--
--; [[Word (Fill) - images and url>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-img-url?lang=en||rel="noopener noreferrer" target="_blank"]]
--: Demonstrates examples for the functions image(), b64img() und url()
--
--; [[Word (Fill) - merge field>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-mergefield?lang=en||rel="noopener noreferrer" target="_blank"]]
--: Demonstrates example for a merge field, which can be used in the footer
--
--; [[Word (Fill) - remove functions>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-rm?lang=en||rel="noopener noreferrer" target="_blank"]]
--: Demonstrates examples for the functions rmp(), rmr(), rmt(), rmtp()
--
--; [[Word (Fill) - repeating elements>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-repeat?lang=en||rel="noopener noreferrer" target="_blank"]]
--: Examples for the use of repeating elements in a Word document.
--
--; [[Word (Fill) - selections>>https://demo7.formcycle.eu/formcycle/form/alias/52/word-fill-lst?lang=en||rel="noopener noreferrer" target="_blank"]]
--: Demonstrates examples for the functions lsttxt(), lsttitle(), lst()
--
--; [[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"]]
--: Convert a upload to an image
--
--== Workflow ==
--
--; [[Temporary storage of form data>>https://demo7.formcycle.eu/formcycle/form/alias/52/save_form_temporarily/?lang=en||rel="noopener noreferrer" target="_blank"]]
--: Save the state of a form so that it can be finished later.
--
  == Other demos ==
  {{subpages depth="2" title="Example pages"/}}