...
| Property | Description | ||
|---|---|---|---|
| Title | The text that appears next to the password input field in the step pane and in the form on the front-end. | ||
| Required field | Specifies whether the field is required. | ||
| Identifiers | Special identifiers that can be saved to the form session and in form logic (JavaScript). See Scripting in Forms for complete information on using identifiers. Click here for information about renaming an identifier. | ||
| Choice 1 | The text that will appear next to the first radio button choice. | ||
| Choice 2 | The text that will appear next to the second radio button choice. | ||
| Add item | Allows you to add additional items to the list presented to the website visitor. | ||
| Show title | Specifies whether to show the title of the form element in the step pane and in the form on the front-end. | ||
| Design template | Specifies the design template to use to render the form element on the front-end. This property will only be available if there are two or more design template for the form element. | ||
| Identifier | The unique identifier to use for this form element. The unique identifier is used in expressions for (pre)filling and (pre)conditions. Click here for information about renaming an identifier.
| ||
| Precondition | The precondition decides in what situations the form element will be visible to the website visitor. | ||
| Help text | In this field you can enter text that displays next to the form element in the form in order to provide useful information on what input is requested/expected. How/whether this text appears in the form is controlled by your presentation. | ||
| Extra text | This is extra text that you can show by a form element to provide extra guidance regarding what the expected input is. How/whether this text appears in the form is controlled by your design template. | ||
| Prefilling | Prefilling determines the initial value of this form element for the website visitor. Prefilling is further described in the section and Prefilling a Form Element. | ||
| Validations | Select one or more validator(s) to evaluate the input received by a form element in order to ensure that it conforms to the constraints you indicate. See the section Form Element Validations for complete information on using the validators. | ||
| CSS classname | Specifies the CSS class to use for rendering the form element. This option allows you to alter the how selected form elements appear in the form without globally altering the presentation. | ||
| Fragment Tag | A unique tag to identify the form fragment. This tag is rendered in the form element presentation as a custom data attribute of the form element itself. The attribute name is data-fragment-tag. When filling out this property for a form element, the attribute is added to the presentation and can be used by external applications like GX Software's BlueConic. |
...
| Property | Description | ||
|---|---|---|---|
| Title | The text that appears next to the password input field in the step pane and in the form on the front-end. | ||
| Required field | Specifies whether the field is required. | ||
| Identifiers | Special identifiers that can be saved to the form session and in form logic (JavaScript). See See Scripting in Forms for complete information on using identifiers. | ||
| Option 1 | The text that will appear next to the first checkbox choice. | ||
| Option 2 | The text that will appear next to the checkbox radio button choice. | ||
| Add item | Allows you to add additional items to the list presented to the website visitor. | ||
| Show title | Specifies whether to show the title of the form element in the step pane and in the form on the front-end. | ||
| Design template | Specifies the design template to use to render the form element on the front-end. This property will only be available if there are two or more design template for the form element. | ||
| Identifier | The unique identifier to use for this form element. The unique identifier is used in expressions for (pre)filling and (pre)conditions. Click here for information about renaming an identifier.
| ||
| Precondition | The precondition decides in what situations the form element will be visible to the website visitor. | ||
| Help text | In this field you can enter text that displays next to the form element in the form in order to provide useful information on what input is requested/expected. How/whether this text appears in the form is controlled by your presentation. | ||
| Extra text | This is extra text that you can show by a form element to provide extra guidance regarding what the expected input is. How/whether this text appears in the form is controlled by your design template. | ||
| Prefilling | Prefilling determines the initial value of this form element for the website visitor. Prefilling is further described in the section and Prefilling a Form Element. | ||
| Validations | Select one or more validator(s) to evaluate the input received by a form element in order to ensure that it conforms to the constraints you indicate. See the section Form Element Validations for complete information on using the validators. | ||
| CSS classname | Specifies the CSS class to use for rendering the form element. This option allows you to alter the how selected form elements appear in the form without globally altering the presentation. | ||
| Fragment Tag | A unique tag to identify the form fragment. This tag is rendered in the form element presentation as a custom data attribute of the form element itself. The attribute name is data-fragment-tag. When filling out this property for a form element, the attribute is added to the presentation and can be used by external applications like GX Software's BlueConic. |
...
| Property | Description | ||
|---|---|---|---|
| Title | The text that appears next to the password input field in the step pane and in the form on the front-end. | ||
| Required field | Specifies whether the field is required. | ||
| Identifiers | Special identifiers that can be saved to the form session and in form logic (JavaScript). See See Scripting in Forms for complete information on using identifiers. | ||
| Choice 1 | The text that will appear next to the first checkbox choice. | ||
| Choice 2 | The text that will appear next to the checkbox radio button choice. | ||
| Add item | Allows you to add additional items to the list presented to the website visitor. | ||
| Show title | Specifies whether to show the title of the form element in the step pane and in the form on the front-end. | ||
| Design template | Specifies the design template to use to render the form element on the front-end. This property will only be available if there are two or more design template for the form element. | ||
| Identifier | The unique identifier to use for this form element. The unique identifier is used in expressions for (pre)filling and (pre)conditions. Click here for information about renaming an identifier.
| ||
| Precondition | The precondition decides in what situations the form element will be visible to the website visitor. | ||
| Help text | In this field you can enter text that displays next to the form element in the form in order to provide useful information on what input is requested/expected. How/whether this text appears in the form is controlled by your presentation. | ||
| Extra text | This is extra text that you can show by a form element to provide extra guidance regarding what the expected input is. How/whether this text appears in the form is controlled by your design template. | ||
| Prefilling | Prefilling determines the initial value of this form element for the website visitor. Prefilling is further described in the section and Prefilling a Form Element. | ||
| Validations | Select one or more validator(s) to evaluate the input received by a form element in order to ensure that it conforms to the constraints you indicate. See the section Form Element Validations for complete information on using the validators. | ||
| CSS classname | Specifies the CSS class to use for rendering the form element. This option allows you to alter the how selected form elements appear in the form without globally altering the presentation. | ||
| Fragment Tag | A unique tag to identify the form fragment. This tag is rendered in the form element presentation as a custom data attribute of the form element itself. The attribute name is data-fragment-tag. When filling out this property for a form element, the attribute is added to the presentation and can be used by external applications like GX Software's BlueConic. |
...
- The directories where uploads may be stored must first be configured in the Setup Tool. By default, no valid file upload directories are configured. See file_upload_valid_directories for more information.
- By default, the Upload File element has the Check File Type and Check File Extension validations assigned to it. These cannot be removed and for security reasons, GX strongly recommends that you fill in the valid fields for these validations.
...
Use the Form Section element to insert a form section into a form. A form section is a sub-form that you can reuse in two or more forms. This is especially useful when you have several forms that differ slightly from each other but still contain an identical group of form elements. Creating and managing form sections is described in the section Form sections. The Section form element contains the following properties:
...
By default the Next Button will navigate to the next Form Step as defined in the form. If the routing should be different, then this can be configured through "Handlers and Routers" (see Routers).
The Next Button form element contains the following properties:
...
- Hover the mouse over the "copy" icon in the upper right corner of a form element:
- Click the ‘Copy to Clipboard’ icon. In Internet Explorer, the Clipboard icon will fade out and in and will be presented in an ‘enabled’ state. In Firefox, an animation showing a copy of the form element being moved to the Clipboard plays. For example:
A copy of the form element is now stored in the Clipboard. - To place a form element from the Clipboard in a step in a form, click the Clipboard icon. Notice that as you hover the mouse over the Clipboard icon, a tool tip appears that informs you how many elements are currently on the Clipboard:
After you click the Clipboard icon, the contents of the Clipboard and the Clipboard menu display. For example:
- Select the form element from the menu that you want to paste in the form. The form element will be placed after the last form element in the current step.
- To paste all elements, select Place all elements from the menu.
- To empty the Clipboard, select Empty clipboard from the menu.