How do you make multiple columns on forms

[Anonymous]

I tried to Google it and the community page that it was linked to, went away... There must be a way to create landing pages with multiple columns and a different layout than just straight down, right?

[Anonymous]

A "how-to" is essentially a question. It is misplaced in "Ideas" and may receive less replies than questions posted on "Discussions".

Multiple columns can be achieved combining form witdh, field+labels lenght and JavaScript.

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

[Anonymous]

This feature will be part of our FORMS 2.0 release coming soon.

[Anonymous]

Sounds like a lot of work for a pretty simple action...

[Anonymous]

And I tried and failed on the coding idea... adding the custom HTML went no where. 8(

Width label, 200; field width, 150

<style type='text/css'>

  form.lpeRegForm li.mktField {

    float: left;

    width:396px;

    clear: none;

    height: 26px;

  }

  form.lpeRegForm ul {

    width:800px;

  }

  #mktFrmButtons {

    clear: both;

  }

</style>

<style type="text/css">

span.mktFormMsg

  {

    left: 0px !important;

    top: 15px !important;

  }

</style>

<script src="/js/public/jquery-latest.min.js" type="text/javascript"></script>

<script type="text/javascript">

  var $jQ = jQuery.noConflict();

  $jQ(document).ready(function() {

    // fix the tab order

    $jQ('.mktInput :input').each(function(i) {

      if (i % 2) {

        $jQ(this).attr('tabIndex',30000+i);

      } else {

        $jQ(this).attr('tabIndex',i+1);

      }

    });

  });

</script>