How to align the Submit button into a single row in Forms 2.0? | Community
Skip to main content
A
Anonymous
February 13, 2014
Question

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

  • February 13, 2014
  • 5 replies
  • 2040 views
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.
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

5 replies

Edward_Masson
Edward_Masson
Level 10
February 13, 2014
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
A
Anonymous
February 13, 2014
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.
A
AlokRa4
Level 10
February 18, 2014
Please add the below mentioned code in your css;
 
.mktoForm .mktoFormRow {
clear: none !important;
float: left !important;
}

Hope this will heip!
A
Anonymous
February 18, 2014
Another user has discovered the button can be dragged left and right in the editor.  Worked for me.
A
Anonymous
March 18, 2014
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? 
Terms & ConditionsAccessibility statement

Loading footer...