Page History

...

...

Anchor
opening_a_form opening_a_form

Opening a Form

...

The form is opened in the right pane and is ready to be modified. As is the case with pages and page sections, only one user is allowed to have write access to an interactive form at the same time. To avoid conflicts between users, XperienCentral makes use of form locking. Whenever a user is busy modifying an interactive form or form section, all other users will see a visual indication that the form/form section is locked. When a form/form section is locked, its icon has a padlock attached to it. For example: 

In the image above, the form "Change Password" is being modified by another and is locked. If you click a form/form section that is locked, you will see the following message:

If you click [Preview], you can view the form/form section in read-only mode. If the icon for a form is red, that means that you do not have permission to edit that form due to the workflow assigned to your role. For example: 

Back to top 

...

Managing Steps

This section describes how to manage steps. For complete information on step properties (handlers, routers, etc.) see Form Step Properties. Steps in a form flow from the first to the last in the order they are arranged from left to right. For example:

...

1. To delete a step, click the "x" to the right of the step name.
2. Click [OK] at the prompt to confirm the operation.

Back to top

...

Managing a Form's State

As with content items, forms and form sections created with Interactive Forms have a specific workflow state that determines whether they can appear on the front-end frontend of your website. A form and form section can have one of the following three states:

The state of a form can be visually determined by the text that is used to render it in the "Forms" tree. The name of a form in the "Active" state appears as normal text. The name of a form in the "Inactive" or "Development" state appear in italic text. To change a form's workflow state, follow these steps:

1. Select the form from the "Forms" tree.
2. From the drop-down list next to "State" above the "Properties" pane, select the new state for the form.
3. Click [Apply] or press <Alt-S>.

Back to top

...

Form Versions

You can create multiple versions of a form/form section, which makes it possible to modify a form or form section without it becoming unavailable or to be able to quickly switch between different versions. Only one version of a form/form section can be active at a time. To create a new version of a form/form section, follow these steps:

...

The forms/form section version summary shows the following:

Form Version Details

To see more details about a form version, you can click it in the list. After clicking the form version, the following details will appear:

Switching Versions of a Form/Form Section

...

1. Select the form/form section from the "Forms" or "Form Sections" tree.
2. Click the "Version x of y" link above the "Properties" pane.

3. Click the checkbox next to the version or versions of the form you want to delete.
   
   

   Note
   You cannot select the currently active version of a form.

   
   
   

4. Click [Delete]. The version is deleted.
5. To select all versions (except the active one), click the checkbox next to "Name". This selects all versions except the currently active one.
6. Click [Delete].

Back to top 

...

Anchor
language_versions language_versions

Language Versions

...

1. Navigate to Language Labels > Language Labels.
2. From the "Language" drop-down list, select the language of the form you want to manage.
3. From the "Form" drop-down list, select form whose labels you want to manage.
4. Select the version of the form as well as the step containing the form elements whose labels you want to modify. The labels for the form appear. For each form element, the following is shown:
   • The unique identifier for the form element
   • The title of the form element
   • The "Help" and "Extra" text for the form element
5. Modify the field or fields that you want and then click [Apply]. The labels are changed for the language version and form version.

Back to top 

...

Duplicating a Form

With Interactive Forms you can create a duplicate of a form. All the form steps, form elements, and their properties are copied exactly. When you duplicate a form with multiple versions, only the currently active version will be duplicated. To create a duplicate of a form, follow these steps:

1. Select the form that you want to duplicate from the "Forms" tree.
2. Navigate to Forms > Duplicate. The form is duplicated. By default the name is "Duplicate of <form name>.

Back to top

...

Anchor
deleting_a_form deleting_a_form

Deleting a Form

...

1. Select the form you want to delete from the "Forms" tree.
2. Navigate to Forms > Delete.
3. Click [OK] at the prompt to confirm the operation.

Back to top 

...

Previewing a Form

To preview how a form will appear to a website visitor with your design template, follow the steps below.

...

1. Select the form you want to preview from the "Forms" tree.
2. Navigate to Forms > Preview. A lightbox will appear with the name of the form.
3. Click the link for the form. The form as it will appear in your design template for visitors of your website will be shown.

Back to top 

...

Form Overview

Form overviews show a summary of the handlers and routers in the steps of a form. The summary that appears in the overview is identical to the handler/router summary that appears in the "Step Property" pane.

...

1. Select the form whose overview you want to see from the "Forms" tree.
2. Navigate to Forms > Overview. The overview appears. The name of the step(s) is shown in the gray box. The handlers and routers are shown below the step name. If a step has no handlers or routers, only a "-" is displayed
3. To navigate to a step, click its link. The overview of the form closes and the step you selected appears in the Interactive Forms interface.

Back to top 

...

Publication/Expiration Date

...

1. Click the date picker icon next to the "Expiration Date" field:
   
   
   
   
   
   
2. Select the day and month when the form/form section will expire.
3. Enter the time of day that the form/form section will expire.
4. Click [Apply].

Back to top

...

Interactive Forms Workflow

...

Selecting the Default Workflow for all Interactive Forms

The Interactive Forms component must have a workflow assigned to it. The default workflow that is assigned to the Interactive Forms component is used for all forms and form sections that do not use a custom workflow that is assigned to a category.

...

To assign the default workflow model to the Interactive Forms component, follow these steps:

...

Each activity that a user can perform in the Interactive Forms component has one or more default roles assigned to it. You can add a role to an activity in order to expand the class of users that may perform a specific task. The following are the three activities to which you can assign roles:

To add a role to an activity, follow these steps:

...

1. Navigate to Maintain > Categories.
2. In the "Workflow" section, select "Define custom workflow".
3. Select the workflow repository model on which to base the custom workflow from the "Based on workflow repository model" drop-down list.
4. Follow the steps in the section Adding Roles to Activities for complete information about assigning roles to activities for the customized workflow for the category.
5. Click [Apply].

Back to top 

...

Anchor
prefilling_a_form_element prefilling_a_form_element

Prefilling a Form Element

...

1. Click the form element in the step pane which you want to prefill.
2. Expand the properties for the form element by clicking the expand button.
3. Under "Prefilling" select "1-Default" from the drop-down list.
4. In the text box, enter the string that you want to prefill the form element with.

On the website front-endfrontend, the form element will be prefilled with the text you enter. The website visitor can modify the text if they so desire.

...

1. Click the form element in the step pane which you want to prefill.
2. Expand the properties for the form element by clicking the expand button.
3. Under "Prefilling" select "2-Free Expression" from the drop-down list.
4. Type the free expression in the text box. For complete information on the Interactive Forms internal script and the use of free expressions, see the section Scripting in Forms.

Back to top

...

Anchor
form_element_validations form_element_validations

Form Element Validations

...

This validation is specific to Dutch bank account numbers.

Check BSN

The Check BSN (Burger Service Number) validation checks to ensure that the BSN entered by the website visitor is valid. The BSN can contain only digits and must be nine digits long. Spaces and commas are also valid. If the BSN number does not comply with the required BSN number regulations, an error message appears in the form when the visitor attempts to submit it. Note: The BSN number is specific to The Netherlands.

Check Date

The Check Date validation checks to ensure that the date entered by the website visitor is valid. If the date entered by the website visitor us not valid, an error message appears in the form when the visitor attempts to submit it. A valid date is of the form "dd/mm/YYYY". The Check Date validation is assigned to the Date form element by default.

...

The Check ID Cardnumber validation checks whether the identification number entered by the website visitor is valid. A valid ID number begins with the letter "i" followed by a letter between "a" and "z" followed by 7 integers between zero and nine. This validation is specific to the Dutch national identification card.

Check KvK Number

The KvK (Kamer van Koophandel) validation checks whether the KvK number entered by the website visitor is valid. A valid KvK number consists of 8 integers. KvK numbers are specific to incorporated Dutch entities.

Check Number

The Check Number validation checks whether the number entered by the website visitor is a valid integer containing no letters or other illegal characters. Decimal points are accepted and commas are not. The number can be positive or negative.

Check Number Range

The Check Number Range validation checks wither the number entered by the website visitor falls within the specified range. After adding the Check Number Range validation, two required fields appear entitled "minimumValue" and "maximumValue" appear. Enter the minimum and maximum values expected for the number the website visitor should enter and then click [Apply]. Integers are accepted as well as a decimal point. The range can also contain both positive and negative number.

Check Passport Number

The Check Passport Number validation checks whether the passport number entered by the website user is valid. A valid passport number must begin with two letters, the middle six characters letters or numbers, and the last character a number. This validation is specific to Dutch passport numbers.

Check Phone Number

The Check Phone Number validation checks whether the telephone number entered by the website visitor is valid. A valid telephone number begins with a "+" and country code or "00" and the country code followed by nine numbers. This validation is valid for Dutch landline and mobile telephone numbers only.

Check Postal Code

The Check Postal Code validation checks whether the postal code entered by the website visitor is valid. A valid postal code consists of six characters: four numbers followed by two letters. This validation is valid for Dutch postal codes only.

Check Regular Expression

The Check Regular Expression validation parses a regular expression entered by a website visitor in order to check whether it is a valid regular expression. For complete information on regular expressions see http://en.wikipedia.org/wiki/Regular_expression.

...

The Required validation checks whether the website visitor has entered data into a field that is required. Note: Assigning this validation to a form element has the same effect as checking the option "Required field" of the form element.

Back to top

...

Anchor
form_sections form_sections

Form Sections

...

Form sections are created and managed in the "Form Sections" tab, located below the "Forms" tab. To open the "Form Sections" tab, click "Form Sections" in the lower left part of the Interactive Forms dialog box. When the "Form Sections" tab opens, you will see the same category tree structure that appears in the "Forms" tab. The number of form sections that belong to each category appears between parentheses. Managing form sections is identical to managing forms (besides having multiple steps).

A form section can only be modified by one user at a time. For avoid conflicts, XperienCentral locks a form section when it is being edited, which means that other users cannot open it and modify it. See Opening a Form for complete information.

Back to top