When you create a new "blank" form, the first field is added for you.
You need to configure this field so it:
- Is the correct type and
- Has the correct label
To edit any of the components on a form, you use "context click".
On a device with a mouse or touchpad, this usually means clicking the "other" button. For example, if you are right handed, the "other" button for invoking the context menu would be the right mouse button.
On a touch screen device, you would touch and hold on the component you want to edit (double tap also works).
To make selecting the correct component a bit easier, each component has a thicker left or right border. In this video, the yellow circles indicate a "context" click.
When invoking the context menu, a form is displayed towards the right of the screen. There are different forms for each component type. The forms are very comprehensive and there are separate blog posts that go into each in greater detail.
For the purposes of this post, we just want to change some of the settings on our first field:
- The Field Type
We are going to make our first field a date field - The Name of the Field
This is the key of the key/value pair that is sent to the server with the value (i.e. the user input). If a field doesn't have a "name" the data is not sent. We are going to set the name to dateofbirth (spaces are not permitted). - The Label associated with the Field
We are going to set the label to Date of Birth (spaces are permitted).
Watch the video. As we make changes to the field meta-data form, these are reflected in the editor. When the field type is changed to date, the date picker appears in the field input. When the label is changed to Date of Birth, the field label changes.
You can also edit the Label simply by clicking on it in the editor. Watch this video:
Congratulations, you have set up your first field.