KoolForm provide a consistent look and feel among different browsers.
To enable the Decoration feature of KoolForm, you set the $DecorationEnabled to true or false
Also, you need to define a area that you want to decorate by adding class="decoration". If you want to decorate the whole form, you just need to add "decoration" css class to <form> element.
By default, all the elements in form will be decorated: buttons, textboxes, fieldsets, labels, headings... If you just want
to set just some of them you can set decoration enabled for each of elements:
$myform_manager->Decoration->Button = false;
$myform_manager->Decoration->Textbox = true;
$myform_manager->Decoration->Heading = false;
span style="color: #ff0000;">"/KoolForm/koolform.php";
//Create KoolForm object. The parameter is the name of the form that you want to decorate.
"myform""/KoolForm""1""form_decoration_enabled""form_decoration_enabled"];
}
$selectStyle = "sunset""selectStyle""selectStyle"];
}
//Set DecorationEnabled to enable/disable form decoration
"1"//Set the style for the form
//The form need to be init.
"myform" method="post""decoration">
<div style="width:660px;margin-bottom:20px;">
<input id="radioEnabled" type="radio" name="form_decoration_enabled" value="1" onclick="submit()""1")?"checked":"""radioEnabled""radioDisabled" type="radio" name="form_decoration_enabled" value="0" onclick="submit()""0")?"checked":"""radioDisabled""float:right">
<select id="selectStyle" name="selectStyle" onchange="submit()""default")?"selected":"""default""forest")?"selected":"""forest""hay")?"selected":"""hay""office2007")?"selected":"""office2007""office2010blue")?"selected":"""office2010blue""office2010silver")?"selected":"""office2010silver""outlook")?"selected":"""outlook""sunset")?"selected":"""sunset""vista")?"selected":"""vista""web20")?"selected":"""web20""windows7")?"selected":"""windows7""clear:both;"></div>
<fieldset style="width:640px;margin-bottom:10px;padding:0px 10px 10px 5px;""width:200px;float:left;padding:10px;">
<h5>What are your hobbies?</h5>
<hr />
<input id="check1" type="checkbox""check1">Football</label>
<br />
<input id="check2" type="checkbox""check2">Soccer</label>
<br />
<input id="check3" type="checkbox""check3">Tennis</label>
<br />
<input id="check4" type="checkbox""check4""check5" type="checkbox""check5">Volleyball</label>
<br />
</div>
<div style="width:200px;float:right;padding:10px;">
<h5>What is the best phone?</h5>
<hr />
<select id="select">
<option>Iphone 4S</option>
<option>Samsung Galazy S2</option>
<option>Nokia Lumia 900</option>
</select>
</div>
<div style="padding:10px;">
<h5>What is your age?</h5>
<hr />
<input id="radio1" type="radio" name="age""radio1">Below 18</label>
<br />
<input id="radio2" type="radio" name="age""radio2">18-22</label>
<br />
<input id="radio3" type="radio" name="age""radio3">23-29</label>
<br />
<input id="radio4" type="radio" name="age""radio4">30-39</label>
<br />
<input id="radio5" type="radio" name="age""radio5">40-59</label>
<br />
<input id="radio6" type="radio" name="age""radio6">60 & above</label>
<br />
</div>
<div style="clear:both;"></div>
<input type="submit" value="Submit"/>
</fieldset>
<div style="width:660px;">
<fieldset style="width:300px;float:left;height:70px;padding:0px 10px 10px 5px;""border-collapse:separate;border-spacing:4px;">
<tr>
<td>Username:</td>
<td><input id="txtName" name="txtName" type="text""txtPassword" name="txtAge" type="password"/></td>
</tr>
</table>
</fieldset>
<fieldset style="width:300px;float:right;height:70px;padding:0px 10px 10px 5px;""width:250px;height:50px;"> </textarea>
</fieldset>
<div style="clear:both;"
KoolForm FullVersion 1.8.0.2 released on 25/11/2016