Examples

In this section you will find various examples of different topics.

All examples can also be viewed directly on the FORMCYCLE demo platform.

- Demo platform url: https://demo7.formcycle.eu/formcycle
- Loginname: demo@demo
- Password: pa55w0rd@demo

The following is a list of the existing demo forms on the demo server:

Content [ Hide ]

Calculation

Form examples for calculation element (in Form store available)
Examples of subtraction, summation and string concatenation

Counter

Example for using a counter
It will be demonstrated how to display the actual count, lock appointments that are fully booked and use the counter in the workflow.Termine welche ausgebucht sind zu sperren und im Workflow den Zähler zu verwenden

Data sources and database queries

Automcomplete functions - application possibilities
Examples for using autocomplete with source CSV or a database.
Filter a selection by value
Enables parameterized database queries to filter selection
Prefilling data from a source
Assign data from a data source to fields in the form
Transfer select column data (in Form store available)
Demo to transfer the value of any column of a data source to another field
LDAP query via selection field and autocomplete
Fill the selection field with values from an LDAP query and request LDAP data using Autocomplete.

Date and time

Calendar functions (in Form store available)
Demo for possible functions for configuration of the calendar widget
Date and time initialization (in Form store available)
As soon as the form is opened, will be initial assigned the date and time value
Date difference in days (in Form store available)
Get difference in days from datepicker
Date ranges and validation (in Form store available)
Comparing Dates and manipulate the datepicker
Formatting birthday field (in Form store available)
Configuration of the datepicker widget
Calculation age (in Form store available)
Example to calculate the current age by entering a date.
Time difference
Calculate the difference between two times
Time validation
Comparing time values

Appointment

Preassignment appointments
Demo how you can pre-assign a date to a appointment in a form.

Style

Change position of text
Demonstration of manipulation text postion
Change the loading symbol
Change the icon that is to be displayed when the form is called up
Customize repeating elements
Use your own custom buttons for repeating elements
Numbering repeatable elements using CSS
Display a consecutive number for dynamic elements using CSS
 
Numbering repeatable elements using JavaScript
Display a consecutive number for dynamic elements using JavaScript
Using own fonts in the form
Integrate and use your own font via CSS

Utility

Copy input values
Copy an entered value of a field into a corresponding field (also into fields on the next page)
Delete form data
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 should be used.
Local import and export
Save form data into a XML file and load the file into the form.
Set value before sending
Before sending a form, check the form and set values.
Save a form temporarily
Save the state of a form so that it can be finished later
Generate serial numbers
Generate serial numbers using the database counter

Failed to execute the [velocity] macro. Cause: [The execution of the [velocity] script macro is not allowed in [xwiki:Examples.WebHome]. Check the rights of its last author or the parameters if it's rendered from another script.]. Click on this message for details.

Formating

Formatting of numbers (autonumeric configuration)
Automatic formatting of a text field in a configured format and unit (autonumeric)
Formatting different input types
Demo for a time and custom formatting using the cleave.js library

Validation

Contraints for multi-select values
Demo how is it possible to change the visiblity of a element depending on several values of a selection
Examples for validation rules
Several examples of regular expressions for custom data types.
IBAN validation
Example for client side IBAN validator
Required Field dependent on a status
Demo how it is possible to set a field required dependet on a status
Custom conditions
Demo to create a own condition for inputs.

Word (Fill) examples

Word (Fill) - checkbox and radio buttons
Demonstrates examples for the function cb()
Word (Fill) - count, contains, replace
Demonstrates examples for the functions cnt(), con(), rep()
Word (Fill) - images and url
Demonstrates examples for the functions image(), b64img() und url()
Word (Fill) - merge field
Demonstrates example for a merge field, which can be used in the footer
Word (Fill) - remove functions
Demonstrates examples for the functions rmp(), rmr(), rmt(), rmtp()
Word (Fill) - repeating elements
Examples for the use of repeating elements in a Word document.
Word (Fill) - selections
Demonstrates examples for the functions lsttxt(), lsttitle(), lst()
Word (Fill) - image from a upload field
Convert a upload to an image

Workflow

Temporary storage of form data
Save the state of a form so that it can be finished later.

Other demos

Example pages