Formatting Forms with Javascript help | Community
Skip to main content
A
Anonymous
November 5, 2013
Question

Formatting Forms with Javascript help

  • November 5, 2013
  • 2 replies
  • 788 views
I am working on formating a form into two colums by following the Marketo Resource found here:

http://community.marketo.com/MarketoResource?id=kA650000000GttkCAC

The part that I am getting stuck on is creating line breaks. The resource says

Add this inside the $jQ(document).ready() javascript block:
$jQ('#Company').parents('li').css('clear','both');
$jQ('#Email').parents('li').css('margin-bottom','20px');

here is a screen shot of my code- I highlighted the code I added in. Can someone tell me what it is that I am doing wrong .


 

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

2 replies

A
Anonymous
November 5, 2013
Or does anyone have an example of code where you've implemented a line break in a form?
A
Anonymous
November 5, 2013
Hi Jessica,

It's hard to say without seeing your form and the page. Are you using the right selectors? (#Form_Type and #First_Name.) It looks like that's really the only difference between your code and Marketo's recommended code.

I tried to follow that tutorial to create a 2-column form, too and I was a little disappointed with what I was able to achieve. I ended up pulling out the form code, then pasting it back in with an HTML element. This was my final product: http://pages.carefusion.com/email.html.

The only sacrifice is that it's a little harder to update if there are changes to the form, and you can't do pre-population. In this case it was worth it for me because pre-population wasn't necessary, and this form doesn't change very often.
Terms & ConditionsAccessibility statement

Loading footer...