Textbox

Use this widget to give the user the opportunity to enter free text no longer than a line, such as street address, e-mail, etc.

After you have dragged the Textbox form widget in your form, click the Edit button in the upper-right corner of the widget.
The Textbox window appears, displaying the following tabs:

On this tab, perform the following:

1. In Label input field enter the label of the textbox.
   For example, Address or E-mail.
   The label is displayed above, to the right, or to the left of the textbox, depending on what settings you have made for the form. For more information, see Design forms » Settings.
2. If needed, in Instructional text, enter instructions or explanatory text for the textbox.
   The text is displayed bellow the textbox.
3. If required, in Predefined value, enter a predefined value for the textbox that is displayed in the box by default and the user can change it.
4. If you want to make the textbox mandatory, select the Make required checkbox, .
   A textbox appears, where you enter the error message that is displayed, if the user does not fill out the textbox.
5. If you click Advanced: Name for developers, you can change the automatically generated name that is used to refer to the widget in the code.
   To change it, click Change and enter the new name.

NOTE: You can add validation to the textbox. For example, you can require the user enters a valid email address.
For more information, see Validate the user input.

On this tab, perform the following:

1. In Range input fields, enter the minimum and maximum number of characters that a user can enter in the textbox.
   If you do not want to impose limits to the textbox, leave the Max input field empty and the Min input field 0.
2. Enter an error message that is displayed, if the user enters less than or more than the defined limits.

On this tab, perform the following:

1. In Textbox size dropdown, select the size of the textbox.
   The textbox is always one line. The size of the textbox refers to its length.
2. In CSS class input field, you can choose a class name for the textbox, if later you want to set a CSS style for this particular textbox.

When you are finished, click Save.