2 column form

How would I create a 2 column form similar to the example contained.
If I use the "place on same line as field above" checkbox I can get my checkbox group into the right column but it spaces all the elements in the left column that are "below" it to move down leaving a gap equal in size to the checkbox group in the left column.
If I move my checkbox group to be the last, than "place on same line etc." it moves over as desired leaving a large white space above it.

Any clues?

Mick

PS Should also mention that the checkbox group needs to follow tab order logically after all other items save "submit".

For a 2 column from you need to make sure the CSS Design you have selected is set to create a 2 column layout.

In the Form builder wizard click the customize CSS button, set the width of the form, and set the columns to 2, set the width of the columns to be half the width of the form.


now when adding elements to the form, you will first add the group, go into the edit group screen, each group will be made up of Lines. each line will have Set 1 and Set 2, items in Set one, will be in one column, items in set 2 will be in another.

For an example, you should examine the brassy design, this is a 2 column design.


for the tab order, you will need to set the tab index for each element after the form is created.

Using Brassy and adding a checkbox group gives the following.

I know how to use CSS Form Builder. I just need to know how to make it not do this.

Mick

Use 1 element group. When you edit the element group, use 1 line.

add all of the text boxes to Line 1 -> Set 1. add the Checkbox group to Line 1 -> Set 2

See attachments

This looks like a blank layout, make sure you have set the form to use 2 columns by editing the css layout, on a blank layout, the form will default to 1 column.

More examples

And than it flaked out on me.
It's done this before
Mac Intel 2.4 Core 2 Duo
2 GB 667 MHz DDR2 SDRAM

OS X 10.6.8

DW CS4

Latest versions of your apps

Mick

I dont think the wizard is going to give you exactly the layout you are after without a little customization after the form is created. the wizard cannot create the type of box modal layout from your initial screen shot. your screen shot is basicly trying to place a container for the checkboxes inside the right column

+-----------+------------+
| --------- | +--------+ |
| --------- | | x      | |
| --------- | | X      | |
| --------- | | x      | |
| --------- | | x      | |
| --------- | +--------+ |
| --------- | ---------- |
| --------- | ---------- |
+-----------+------------+

the box modal that the wizard can create though, does not offer adding a container, it can only do standard single lines for each column:

+-----------+------------+
| --------- | ---------- |
| --------- | ---------- |
| --------- | ---------- |
| --------- | ---------- |
| --------- | ---------- |
| --------- | ---------- |
| --------- | ---------- |
| --------- | ---------- |
+-----------+------------+

hopefully my ascii illustrations help clarify this.

I think the closest you will get using the wizard is to create a text box on each line, then rename them after the wizard creates the form to create the checkbox group.

So in the wizard, for each line, create set 1 as the text box, and set 2 as the checkbox. it will end up putting 1 checkbox next to each text box.

after the wizard creates the form, rename each checkbox to have the same name, and add "[]" at the end of the name, for example:
interestedIn[]

OK Jason
Getting back to any earlier question.
Can 2 forms reside side by side with the first handing off to the second?

And regarding my last post, any thoughts on the errors?

Mick