Form Layout Inline

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hello,

    This is actually easier in the next version of Formidable (2.0.13). I plan to put 2.0.13 out today. After it’s out, you can use any of the CSS Layout Classes on the submit button. Since the submit button doesn’t have a box to enter layout classes, you’ll need to go into your form’s Customize HTML, scroll down to the submit button box, and replace this:
    <div class=”frm_submit”>
    with this:
    <div class=”frm_submit layout_class_goes_here”>

    Keep an eye out for 2.0.13 and then let me know if that works for you. Also, here’s more information about our CSS Layout Classes:
    https://formidablepro.com/knowledgebase/form-layout-and-css-classes/

    Thread Starter nootkan

    (@nootkan)

    Thanks for that. Took me a while to figure out how to add the proper shortcode to make it work but I got it working. Now just got to figure out how to make the button align with the other text fields.

    Thread Starter nootkan

    (@nootkan)

    If anyone is wondering how to position the submit button to line up with the other text fields this is how I did it for my useage:

    .frm_style_formidable-style.with_frm_style input[type="submit"], .frm_style_formidable-style.with_frm_style .frm_submit input[type="button"], .frm_form_submit_style, .frm_style_formidable-style.with_frm_style.frm_login_form input[type="submit"] {
				margin-top:27px;}

    Also, I added specific instructions on how to do this here:
    https://formidablepro.com/knowledgebase/form-layout-and-css-classes/

    I hope that makes it easier in the future.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Form Layout Inline’ is closed to new replies.