Adding additional space to a long form | Community
Skip to main content
Michelle_Tizian
Michelle_Tizian
Level 10
November 5, 2013
Solved

Adding additional space to a long form

  • November 5, 2013
  • 12 replies
  • 2791 views

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?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Rafael_Santoni1
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

12 replies

Show previous replies
Michelle_Tizian
Michelle_TizianAuthor
Level 10
November 8, 2013
@Rafael, thank you for the personalized help.  Very much appreciated! Looking forward to Forms 2.0.  the other code you gave me worked too!
A
Anonymous
December 13, 2013
So, I think I'm trying to do the same thing as Michelle, but I can not get the JQuery to work. I'm trying to do a simple Newsletter signup so it would look something like:

First Name
Email Address

(Custom Rich Text)
Newsletter: Checkbox

(Custom Rich Text)
Blog Emails: Checkbox

I saw where I could add extra line height in the form editor, but it applies it across all areas of the form, where really I just want the extra space above the check boxes.  Additionally, the newsletter opt-in is brought in as custom field. I tried adding:
<script> $jQ($jQ('#C_Newsletter').parents("li:first")).css( "height", "50px" );</script> and saw no change.

Any ideas?  Thanks so much!

Terms & ConditionsAccessibility statement

Loading footer...