John:
there are as many ways to build forms as there are websites. But generally there are 2 types: inline or tables.
Let's start with an example:
- In admin, go to extensions/form builder
- You should see 2 sample forms. Click the link that says Add New Form and name it
- Now you should have 3 forms
- Click on the one you just created
- Using Fast Field Adder, add the type of fields you would need. Example: text input field.
- Once selected, you will be taken to a new window where you can label the input field such as First Name
- Click on the Advanced Setting tab
- This is where you enter the CSS style for this field. NOTE this will apply the style to the whole row.
- Alternatively, you can apply the style class to the form template you have chosen (inline or table) and define the class in your site’s stylesheet. This does offer more control. To reach the form template, click on your form name in the main page, and choose the Form Template tab. Choose the type of form you want from the Load Template dropdown.
- Save often
Play around and test, it's the best way to learn. Hope that helped.