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).
.png?version=1&modificationDate=1679313967860&cacheVersion=1&api=v2&width=699&height=250)
Form heading
.gif)
The Form heading field displays the title of the currently open form.
Tip: You can change the title by clicking the Form heading. 
Selected element field
.gif)
The Selected element field displays the ID/Name used to identify the currently selected element in the Online form builder. For example, Control_3.
Tip: You can also view the ID/Name of the currently selected element in the ID/Name field of the Properties tab..gif)
Editor Mode buttons
.png?version=1&modificationDate=1679313561530&cacheVersion=1&api=v2&width=265&height=31){kind=small}
The Editor Mode buttons are used to switch between the editing modes of the Online form builder.
You can click:
.gif)
to enter panels editing mode..gif)
to enter controls editing mode..gif)
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
.png?version=1&modificationDate=1679313483293&cacheVersion=1&api=v2&width=409&height=117)
The Main menu contains buttons that provide access to key settings and functions.
You can click:
to display the My Forms window. See My Forms window.
to maintain settings for the Online form builder. See Maintaining form builder settings.
to log out of the Online form builder. See Logging out of the Online form builder..png?version=1&modificationDate=1679313425170&cacheVersion=1&api=v2&width=100&height=40)
to maintain settings for the current form. See Maintaining forms..png?version=1&modificationDate=1679313404897&cacheVersion=1&api=v2&width=100&height=40)
to save changes to the current form..png?version=1&modificationDate=1679313413343&cacheVersion=1&api=v2&width=100&height=40)
to publish the current form. See Publishing forms.
Form window
.gif)
The Form window displays the contents of the form.
Select an element in the Form window to display available editing options.
You can click:
to link the element to a user account field. See Linking text fields to user account details.
to display the element properties in the Properties tab. See Online form builder - Properties tab.
to add an event for the element. See Creating events.
to delete the element. See Deleting elements.
Elements tab
.gif)
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
.gif)
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.
Note: 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.