To start creating a form – please choose the element you need from the left part, drag and drop it on the middle.

When you now click on it (it’ll get the border round it) – the right part will show all possible properties of this element. Depending on the element the properties will differ.

The properties common for the majority of the elements are:

• Name (there will be a default name, but it is recommended to change it with a “meaningful”name – e.g. first_name).
• Coordinates and size (Left, Top, Width, Height) – the alignment and size of the element.The coordinates are set in pixels. You can either set them manually, or shift the element and the cords will be changed automatically. Width and Height define the size of the box.
• Border type – the type of the border line.
• Border size – the thickness of border line in pixels.
• Border color – the color of border line (can be set using the color code – or selected form the color palette).
• Font, size – the font and size of the input text.
• Required. If the checkbox is checked – the element/group of elements will be required for filling.
• Validation. The ability to check if the input data corresponds to a certain template. E.g. if you choose “E-mail validation” – the input data should be of the following format – This e-mail address is being protected from spambots. You need JavaScript enabled to view it . In case the user filling the form will put the data of any other format- there will appear an error.
• Char limit. The number of symbols that can be entered into the field.
• Font Color, Background – the colors of the font and the background for this element. You may either put the code of the color or press the blue arrow and choose the color.
• Default text - the text shown in the element (e.g. “Please enter your name” in the Name field).
• Hint – the pop-up prompting appearing when the cursor is on the element.
• Extra CSS – allows changing the style of the selected element (please separate several styles with “;” separator).
• Extra Params – allows adding additional parameters to the element (e.g. TABINDEX="5" or onclick="my_script()"). All MSDN attributes and events can be added here (please separate several styles with blank separator).

Each element can also have unique properties described below.

N.B. After you set the properties please click the “Apply” button under the properties list. The settings will be applied.

<< Prev. Page | Next Page >> | Back to Contents