Using the Online form builder

The Online form builder interface consists of the following areas:

  • Form heading (item 1)
  • Selected element field (item 2)
  • Editor mode buttons (item 3)
  • Main menu (item 4)
  • Form window (item 5)
  • Elements tab (item 6)
  • Properties tab (item 7).

Form heading

The Form heading field displays the title of the currently open form.

You can change the title by clicking the Form heading.

Selected element field

The Selected element field displays the ID/Name used to identify the currently selected element in the Online form builder. For example, Control_3.

You can also view the ID/Name of the currently selected element in the ID/Name field of the Properties tab.

Editor Mode buttons

The Editor Mode buttons are used to switch between the editing modes of the Online form builder.

You can click:

  • to enter panels editing mode.
  • to enter controls editing mode.
  • to preview the form.

Note: You can only edit page layout elements in panels mode. For more information about elements, see Online form builder - Elements tab.

Main menu

The Main menu contains buttons that provide access to key settings and functions.
You can click:

Form window

The Form window displays the contents of the form.

Select an element in the Form window to display available editing options.

You can click:

Elements tab

The Elements tab contains elements such as text fields, drop-down lists and checkboxes that are used to build forms. See Online form builder - Elements tab

Properties tab

The Properties tab contains properties that can be configured to add style and functionality to the currently selected element. See Online form builder - Properties tab.

Some properties must be populated for forms to publish. When you attempt to publish a form with missing properties a message is displayed detailing why the form cannot be published. See Resolving publishing errors.