Previous icon

Next icon

Creating submit sections

To create a submit section for the personal contact details form:

  1. Click the Elements tab. See Online form builder - Elements tab.
  2. Click the Page Layout sub-tab of the Elements tab.

    The Page Layout sub-tab is displayed.

    Elements tab (Page layout elements)

  3. Drag and drop a One column page layout section under the Profile section.
  4. Click the Input Controls sub-tab.

    The Input Controls sub-tab is displayed.

    Input controls panel (expanded)

  5. Drag and drop a button element into the One column page layout section.
  6. Click Panels button (Editing mode).
  7. Select the One column page layout container.
  8. Click Online form editor (Properties button).

    The Properties tab is displayed.

  9. Type Submit into the Heading Text field of the Properties tab.
  10. Click Controls button (Editing mode).
  11. Select the button element.
  12. Click Online form editor (Properties button).

    The Properties tab is displayed.

  13. Type Submit into the Button Text field of the Properties tab.
  14. Click the Style Options field.

    The list of available style options is displayed.

    Style Options drop-down list (None selected)

  15. Select the style options you would like to apply. For example, Green and Block (full width).
  16. Click Online Form Editor (Events button).

    The Event Manager window is displayed.

    Event Manager window (initial)

  17. Select the On click event option from the event drop-down list.

    Event Manager window (On click event selected)

    The Event action section is displayed.

    Event Manager window (Event action drop-down list active)

  18. Select On submit from the drop-down list.

    Event action drop-down list (On submit selected)

    The Action properties section is displayed.

    Events Manager window (Action properties)

  19. Type the message displayed to the user when the form is submitted in the Submit Message field.

    Event Manager window (Submit Message field)

    Note: You can use the Redirect URL field on the Publish tab of the Form Settings window to define the website address that users are taken to after submitting the form. See Form Settings window - Publish tab.

  20. Click Online Form Editor (Add button).

    The event is added to the Event Manager grid.

    Event Manager grid area (On click event added)

  21. Click Online form editor (Close button).
  22. Click Online form editor (Save button).

Last modified: 13/07/2017 10:00:12 AM

See Also

Creating a public contact details form

Defining the Public contact details form layout

Creating personal details sections

Creating contact details sections

Creating connection to school sections

Creating profile sections

© 2017 Synergetic Management Systems. Published 29 June 2017.

Top of page