To specifie a required field you need to add the class "required" to the field and specifie the "type" (text, email, url, number ...) attribute if want a specific rule of validation.
example:
<div class="block_element_form"> <label for="your_required_field" class="label_text">Your required field<span class="required_sign">*</span></label> <input id="your_required_field" name="your_required_field" class="required shadow" type="text"/> </div>
To specifie a non required field just add a classic field.
example:
<div class="block_element_form"> <label for="your_field" class="label_text">Your field</label> <input id="your_field" name="your_field" class="shadow" type="text"/> </div>
For in "block" template:
<div class="block_element_form"> <label for="your_field" class="label_text">Your field</label> <input id="your_field" name="your_field" class="shadow" type="text"/> </div>
For in "inline" template:
<tr class="block_element_form"> <td class="align_right"> <label for="your_field" class="label_text">Your field</label> </td> <td class="align_left"> <input id="your_field" name="your_field" class="shadow" type="text"/> </td> </tr>
For in "block" template:
<div class="block_element_form"> <label for="your_field" class="label_text">Your field</label> <input id="your_field" name="your_field" class="shadow" type="email"/> </div>
For in "inline" template:
<tr class="block_element_form"> <td class="align_right"> <label for="your_field" class="label_text">Your field</label> </td> <td class="align_left"> <input id="your_field" name="your_field" class="shadow" type="email"/> </td> </tr>
For in "block" template:
<div class="block_element_form"> <label for="your_field" class="label_text">Your field</label> <input id="your_field" name="your_field" class="shadow" type="number"/> </div>
For in "inline" template:
<tr class="block_element_form"> <td class="align_right"> <label for="your_field" class="label_text">Your field</label> </td> <td class="align_left"> <input id="your_field" name="your_field" class="shadow" type="number"/> </td> </tr>
For in "block" template:
<div class="block_element_form"> <label for="your_field" class="label_text">Your field</label> <input id="your_field" name="your_field" class="shadow" type="url"/> </div>
For in "inline" template:
<tr class="block_element_form"> <td class="align_right"> <label for="your_field" class="label_text">Your field</label> </td> <td class="align_left"> <input id="your_field" name="your_field" class="shadow" type="url"/> </td> </tr>
IMPORTANT: for the date field the ID of each element must be unique.
For in "block" template:
For in "block" template:
<div class="block_element_form"> <label for="your_field" class="label_text">Your field</label> <input id="your_field" name="your_field" class="shadow datepicker" type="date" style="width:80px"/> </div>
For in "inline" template:
<tr class="block_element_form"> <td class="align_right"> <label for="your_field" class="label_text">Your field</label> </td> <td class="align_left"> <input id="your_field" name="your_field" class="shadow datepicker" type="date" style="width:80px"/> </td> </tr>
For in "block" template:
<div class="block_element_form"> <label for="your_field" class="label_text">Your field</label> <select id="your_field" name="your_field" class="shadow" style="height:35px;"> <option value="1">value 1</option> <option value="2">value 2</option> </select> </div>
For in "inline" template:
<tr class="block_element_form"> <td class="align_right"> <label for="your_field" class="label_text">Your field</label> </td> <td class="align_left"> <select id="your_field" name="your_field" class="shadow" style="height:35px;"> <option value="1">value 1</option> <option value="2">value 2</option> </select> </td> </tr>
For in "block" template:
<div class="block_element_form"> <label for="your_field" class="label_text">Your field</label> <select id="your_field" name="your_field[]" class="required shadow select_multi" multiple="multiple" size="2"> <option value="1">value 1</option> <option value="2">value 2</option> </select> </div>
For in "inline" template:
<tr class="block_element_form"> <td class="align_right"> <label for="your_field" class="label_text">Your field</label> </td> <td class="align_left"> <select id="your_field" name="your_field[]" class="required shadow select_multi" multiple="multiple" size="2"> <option value="1">value 1</option> <option value="2">value 2</option> </select> </td> </tr>
IMPORTANT: for the checkbox button set the ID of each element must be unique.
For in "block" template:
<div class="block_element_form"> <label for="your_field" class="label_text">Your field</label> <fieldset class="radioSet"> <input type="checkbox" id="check-1" name="your_field[]" value="1" validate="required:true" /><label for="check-1">value 1</label> <input type="checkbox" id="check-2" name="your_field[]" value="2" /><label for="check-2">value 2</label> </fieldset> </div>the attribute validate="required:true" spĂȘcifies that this checkbox button set is required (the synthax is not the same that for other element).
For in "inline" template:
<tr class="block_element_form"> <td class="align_right"> <label for="your_field" class="label_text">Your field</label> </td> <td class="align_left"> <fieldset class="radioSet"> <input type="checkbox" id="check-1" name="your_field[]" value="1" validate="required:true" /><label for="check-1">value 1</label> <input type="checkbox" id="check-2" name="your_field[]" value="2" /><label for="check-2">value 2</label> </fieldset> </td> </tr>
IMPORTANT: for the radio button set the ID of each element must be unique.
For in "block" template:
<div class="block_element_form"> <label for="your_field" class="label_text">Your field</label> <fieldset class="radioSet"> <input type="radio" id="radio1" name="your_field" value="1" validate="required:true" /><label for="radio1">value 1</label> <input type="radio" id="radio2" name="your_field" value="2" /><label for="radio2">value 2</label> <input type="radio" id="radio3" name="your_field" value="3" /><label for="radio3">value 3</label> </fieldset> </div>the attribute validate="required:true" spĂȘcifies that this checkbox button set is required (the synthax is not the same that for other element).
For in "inline" template:
<tr class="block_element_form"> <td class="align_right"> <label for="your_field" class="label_text">Your field</label> </td> <td class="align_left"> <fieldset class="radioSet"> <input type="radio" id="radio1" name="your_field" value="1" validate="required:true" /><label for="radio1">value 1</label> <input type="radio" id="radio2" name="your_field" value="2" /><label for="radio2">value 2</label> <input type="radio" id="radio3" name="your_field" value="3" /><label for="radio3">value 3</label> </fieldset> </td> </tr>
For in "block" template:
<div class="block_element_form"> <label for="your_field" class="label_text">Your field</label> <textarea id="your_field" name="your_field" class="shadow" minlength="2" ></textarea> </div>the attribute validate="required:true" spĂȘcifies that this checkbox button set is required (the synthax is not the same that for other element).
For in "inline" template:
<tr class="block_element_form"> <td class="align_right"> <label for="your_field" class="label_text">Your field</label> </td> <td class="align_left"> <textarea id="your_field" name="your_field" class="shadow" minlength="2" ></textarea> </td> </tr>