Adding additional space to a long form

Michelle_Tizian · ‎11-05-2013

I wanted to add additional space to my form. It's long and that's how the events project leader wants it. The way the form works is the contact enters their short information, then there's 3 nomination fields that they have to fill out but only one is required so it looks something like this:

My full name
Organization
Email address

I'd like to nominate

nominee's full name
organization
Reason I'm nominating this person

nominee's full name
organization
Reason I'm nominating this person

nominee's full name
organization
Reason I'm nominating this person

Any tips or tricks?

Rafael_Santoni1 · ‎11-07-2013

Michelle,

By the way, the reason why I had to use jQuery to do this is because you can not overrive the CSS style to an element that doesn't have a uniue ID or NAME without affecting other similar elements. That's why we need to programatically select the parent LI of the field in order to change its CSS properties.

If it was not for that, we could have used a similar approach and simply use CSS to override the style. This would probably be a good enhancement to request to Marketo. To have them specify a unique ID to each row (LI) based on the field it holds.

However, at this point in time, it might not be necessary soon because the new Marketo Forms 2.0 initiative is almost ready to go live and some similar tricks could be accomplished by using the new interface. Yesterday I was lucky enough to be on a demo with Marketo with select customers on the functioning Forms 2.0 upcoming release and I can totally see things like this being easy to do with the new form editor.

Have a fantastic day!

Rafael

View solution in original post