How to change the placing of the fields in a form template ?

[rodeto]

I was wondering how I can change the the placing of all the different fields in a form. I am using FormBuilder (latest version) and CMS latest version.
In the template I can see no options to rename the fields to the actual fields of the form so I can not add the fields to be together on one line. See the attached picture on how I want the form to be.

Can anyone help me with this ?

[tbuzz88]

You can lay out your forms using css, in form builder when adding a form field you can add a css class to your field in the advanced tab. Your input boxes will have classes already. do a search for the firefox web developer toolbar and you will be able to find them using that.

[rodeto]

Yes, I am aware of all the styling options in CSS but what I really want is to have multiple input boxes on one line. And that is something I am not able to create.

[tbuzz88]

wrap your form in a container div and then float elements left and right. make the container just big enough for your single line fields then float them left, for the lines with 2 fields float them left and right

[rodeto]

thanks for that