Re: Two column forms - sequential form fields instead of odd/even for col 1 and 2?

Anonymous
Not applicable

Two column forms - sequential form fields instead of odd/even for col 1 and 2?

This article says that a two column forms puts Odd numbered fields in Column 1 and Even numbered fields in Column 2.  Is there any way to change that behavior so it supports sequential form fields in column 1 and 2.

http://community.marketo.com/MarketoArticle?id=kA050000000KyssCAC 

Article says:
Column 1 contains fields: 1, 3, 5, 7
Column 2 contains fields: 2, 4, 6, 8

What I want is:
Column 1 contains fields: 1,2,3,4
Column 2 contains fields: 5,6,7,8

What I really want is:
Column 1 contains fields: 1,2,3,4
Dynamic Hidden Form Field behavior on Column 2
Column 2 contains fields: 5,6,7,8
OR dynamic hidden form field behavior
Column 2 contains fields: 9,10,11,12



Tags (1)
3 REPLIES 3
Anonymous
Not applicable

Re: Two column forms - sequential form fields instead of odd/even for col 1 and 2?

Can you just reorder the fields on your form to achieve the desired layout?
Anonymous
Not applicable

Re: Two column forms - sequential form fields instead of odd/even for col 1 and 2?

Elliot - that won't work because I'm also using dynamic hidden fields so there could be two different fields for each row in column 2. The logic of odd and even numbered fields going into col 1 and 2 is the limitation. I wonder if someone at Marketo actually intentionally designed it to behave that way or if it's a limitation of their architecture.
Anonymous
Not applicable

Re: Two column forms - sequential form fields instead of odd/even for col 1 and 2?

It's from the way it's currently being done in Marketo Form. It's using a css to display <li> items in 2 columns. To get the way you want, it's necessary to divide the <li> items by <div> for each column or just be able to use <table> instead of <li>.

However, I haven't tested this but you maybe able to just reorder the fields as Elliot suggested and modify the tab order script to hardcode which item belongs to which column.

Example
Replace the following line
if (i % 2) {

with
if (i == 3 || i == 4) {