Your first form

Topics

  • Create a form from scratch
  • Add different fields or questions to your form
  • Enter fixed values, templates and JavaScript code into your form

Prerequisites

  • You have already created an Ultradox flow and know how to use the Ultradox editor

Goals

  • You get your first form up and running

Adding an empty form

You can create a new form dragging an empty form from the building blocks sidebar into your document.

Adding fields

When dragging an empty form to your flow, the configuration dialog for the form will open.

Let's say you want to create a newsletter. First enter name and description of the form. Then drag a Short Text building blog to ask for email by enter the prompt, help text and placeholder.

You can define the email form field as required (red button) at the right side at top of the building block.

Ask for name and address.

Drag a Name building blog and enter the user prompt Name and a help text please enter your name.

You can also ask for more text fields to enter title, middle name and suffix.

Define the blog as optional (green button) like it actually is.

Add a Address building blog and enter prompt Postal address and help text Enter your address and choose the included fields you want to add.

Define the blog as optional (green button) like it actually is.

You can re-open the form configuration dialog at any time by clicking on the bold part of the title in the form building block displaying the number of defined fields.

Enter values

After clicking on apply you can then either enter fixed values or you can enter variables, simple templates or even JavaScript code so that you can map variables to the desired input parameter names.

Let's say you have an input parameter called subject and you want to create a subject containing the name of the user and the current date.

Toggle the field to template mode (blue background) and enter the following text into the subject field: 

Hello ${name}, today is ${now
;date(op=short)}

You can use all the Ultradox features described in the templating essentials when entering text into the form fields when switched to blue or green background.

What you have learned

  • You have added a form to your flow, created some questions and entered values for these questions

Questions and Feedback

If you have any comments on this page, feel free to add suggestions right to the Google document that we are using to create this site.

If you are not yet member of the Ultradox community on Google+, please join now to get updates from our end or to provide feedback, bug reports or discuss with other users.

Last Updated: 05.02.23