Form Designer

Accessing this Interface

From 'Edit Form Definition' portion of the Form Definitions interface, select the 'Design' option.

Interface Overview

This interface is used to create custom forms for your group.

Interface Breakdown

C2C's Form Designer is a robust interface that allows you the ability to create almost any type of form you can imagine. There are even some custom elements that integrate C2C information into a form. You can offer a user the ability to search for existing groups, or even require them to sign into a C2C user account before completing a form. If the user doesn't have an account, he / she will be able to create one while never leaving your form.

Building a New Form

Form Elements

In this section we will offer a detailed overview of every available form element option.

Adding An Element

You have two (2) options to add an element to a form.

  1. Simply click an element option and it will be added to the form.
  2. Click (hold) and drag an element onto a form in the place you would like it to exist.

Working With An Element

Each element can be customized to some degree by right-clicking the element in the form designer and selecting 'settings'. Each element has its own set of options based on element-type and we will attempt to explain as many of those as we can, but it would be impossible to cover every possible combination here. Nearly every possible type of form can be generated with this interface, so your individual needs will dictate the settings of your form elements, but we will offer a generic description for each element type below.

Basic Tab

All elements have basic customizations, some more than others. We will list each below:

Item Name - This value should be unique and easily referenced by you later. This will not be displayed on the form, but will used as a field description when exporting user submissions later.

Field Label - This value will be displayed to the user and should be verbose and easy to understand.

Unit Label - This value will be represented to the user as an additional label and should be verbose and easy to understand.

Field Width - Select the size of the field here.

Label Position - Choose where the label will be displayed.

Min Length - Use this value to specify a minimum length a user's input shall be.

Max Length - Use this value to specify a maximum length a user's input shall be.

Default Value - Type in a default value for the field.

Validation - Choose a validation type here.

Help Tip - Define a help tip to be provided to the user here.

Additional Options -

  1. Response Required - Check this option to require users to submit a value.
  2. Confirmation Required - Check this option to require users to confirm a value.
  3. Mask Input - Check this option to hide a user's input as

Options Tab

Some elements allow you to provide values for a user's selection. Learn about those below.

Presets -

Select the 'presets' dropdown to access some pre-defined values for common dropdown solutions.

Display Rules Tab

Some elements allow you to specify when to show the element. This value is set with its display rules.

Selecting a value here will allow you to compare an existing element to a condition, then choose whether or not to display the field which contains the value.

Element Definitions

This area will overview each element available to you in detail. The format of explanation is as follows:

  1. A brief description of the element.
  2. A view of the element, unchanged, once added to a form.
  3. A description of the way the element will be customized for the purpose of this article.
  4. A view of the element's settings both before and after the settings are updated to suit the needs of this tutorial.
  5. A view of the finished element from the form preview option.
Formatting Items

Order Payment

Is this article helpful for you?