In this article we will present how to style your form's layout. This is a simple task, you just need to add your form fields (textboxes, text-areas, drop-downlists...) from the Components tab and then go to the "CSS and Javascript" tab and customize your layout by adding your styling code in the CSS field.
Any CSS declarations need to be added between the <style type="text/css"> </style> tags, for exmaple:
<style type="text/css">
.formFieldset {
float:left;
background:none repeat scroll 0 0 #DDEEEE;
border:1px solid #000000;
margin:0 auto;
padding:10px;
width:470px; }
</style>
In order to change the background color of the input fields you will need to go to the Components tab, edit your desired field and add the following lines in the Additional attributes property
onFocus="this.style.backgroundColor='#FFCC99';"
onBlur="this.style.backgroundColor='#FFFFCC';"
You can read a detailed example on how to add a tooltip to your form fields here.
