Each element has properties. The properties are available when an element is selected. To select an element click it. You will see a properties box with two tabs – Common and Styles

There are properties available for the majority of elements. They are:

• JoDDa Alias – this alias is used in reports and email templates. Please add it to all your active elements on the form

• Class – used for setting the CSS class
• ID – the id will be used in JS code’s insertions.

• Name – this property is used to add the data from the element to DB. It is critical that all your active elements have name, otherwise they will not be saved. There is a default name that JoDDa generates itself. Yet it is important to add a meaningful name so that you can understand what data is added to this field.
• Name should not contain spaces and special symbols. It should be alphanumeric, underlining is also allowed.

• Value – if you add some text here – it will be displayed as the default text.

• Required – by checking this checkbox you make an element required.
• Validation – you can select a validation rule. In this case the data entered to an element will be compared against a set format. If the format of the entered data is incorrect – an error message will be displayed. An optional element can also have validation.
• Equal-to – if there are two equal fields on your form (for example, ‘password’ and ‘repeat password’ – please select the name of the first field in the properties of the second one. In this case the second field will be compared against the first one and if they do not coincide – an error message will be displayed)

You will see the large Color Selector, where you can either choose the color or set its number. It will also contain the previously selected colors at the right.

• Border settings – include Border width, Border color and Border style (solid border, dotted border, etc.). The logic of color selection is the same as with the fonts’ colors.

• Background color – the background color of your element

• Z-index – when you edit a form sometimes you add new elements between the existing ones. Yet as the previous elements have been added earlier there will be an incorrect tab order. So your users when pressing Tab key will not move from element to element correctly. To solve the problem you can use z-index. Set the correct order of the elements in this property (numbers from 1 to x).

If you select an element and see no window with the properties – check the checkbox in menu Options -> Show Properties

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