How to align the Submit button into a single row in Forms 2.0?

[Anonymous]

I'm trying to create a simple "Subscribe To This Blog" form using Forms 2.0. All I'm asking in the form is an email address. I'd like to move the submit button to be located to the right of the email address field so that the form is just a single row.  I haven't found any documentation to help me beyond moving moving the buttons left and right at the bottom of the form. Is there a way to do this? I can't imagine this is a unique case.

[Edward_Masson]

going to need some JQuery to align the form the way you want. I'm not a JQuey guru but someone in the community can help

[Anonymous]

Still getting used to hacking at these forms. 

Here's some code to get started (see the documentation at http://developers.marketo.com/documentation/websites/forms-2-0/) for where to put this.

function(form){

$("form.mktoForm").attr("style","width:100% !important");  //You may want to declare a fixed width in pixels; that's ok too. This overrides the font style added to the form so you may need to declare it elsewhere.

$("label.mktoLabel").hide();

$(".mktoForm .mktoFormRow").attr("style","clear: none; float: left;");

  });

There is still a lot of stying that would need to be done, but this gets you on the right track. Find me on LinkedIn if you need more personalized help/consulting.

[Alok_Ramsisaria]

Please add the below mentioned code in your css;

.mktoForm .mktoFormRow {

clear: none !important;

float: left !important;

}

Hope this will heip!

[Anonymous]

Another user has discovered the button can be dragged left and right in the editor.  Worked for me.

[Anonymous]

Konrad, if you drag it left or right, does it then go to one line? I'm trying to do the same thing and I noticed I could drag it, but it still is on two lines.

Any further movement on this?