Hi Rob,

That's actually the exact purpose of the "Flatten Pages As Groups" setting. I've used it in the past and it works well.

The only caveat is that the tab order for form elements are then all the way down the first group and then starts again for the second group. To make this a little easier on the user, I create several pages (groups), and put related fields in each group.  That way if the form is too long, the user is guided all the way down the page and then back up to the top.

You can see an example of this here and here.

Thanks for posting this as I think we forgot to post that the "Flatten Pages As Groups" option was added to FWP.

-Joe D.

Hi,

Welcome to mojoPortal and Web Development in general. See if this helps you out:

1. Enable the "Flatten Pages as Groups" setting in the Form Wizard Pro instance you're working on.
2. Click the "Edit Form" button on the form instance.
3. At the bottom of the form editing screen, change the "Number of Pages" textbox to 2 and click the "Save" button.
4. Select the second page from the pager at the bottom of the form editing screen.
5. Now, add a form element to this page and click the save button.
6. Go back to the page with the form and open FireBug. If you're not using Firefox, use it and download Firebug. Web Design Development is so much easier with Firefox and Firebug than it is with the other browsers.
7. Using the element selector of Firebug, select the first element in your form. You should notice that the element is inside of a div with two classes, qgroup and qgroup1.
8. Repeat step 7 but select the element you added to the second page in the form editor. You should notice that this element is inside of a div with the classes qgroup and qgroup2.
9. Create the CSS necessary to put the two "pages" or "qgroups" next to each other. The CSS provided above by Rob A. should get you going in the right direct. You can also take a look at the pages I linked to above and use Firebug to see what CSS I applied to those pages.

I feel a lengthy blog post coming on. ;-)

HTH,
Joe D.

Hi,

It will depend on which skin you are using. The skin files used by the site are located at:

/Data/Sites/[SiteID]/skins/[skinname]

Hope that helps,

Joe