PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Need Submit Button positioned next to fields

  1. Kevin Geary
    Member

    Here is my page:

    http://www.karate-usa.com/test-page/

    Need the submit button on the same line as the input fields.

    Posted 8 years ago on Wednesday April 25, 2012 | Permalink
  2. You'll need to target the elements with some custom CSS rules.. position the form footer div with the button to the right. This should get you started. This is specific CSS for your form ID# 13

    [css]
    /* set a height so the background shows properly */
    body #gform_wrapper_13 {
    	position: relative;
    	height: 90px
    }
    
    /* size and position the form footer with button */
    body #gform_wrapper_13 .gform_footer {
    	width: auto !important;
    	position: absolute;
    	right: 0
    }
    
    /* set max width on form to make room for button */
    body #gform_wrapper_13 ul#gform_fields_13 {
    	max-width: 85%;
    }

    test screenshot: http://bit.ly/JrelLO

    You should be able to take it from there. Don't forget these sample CSS selectors too if you need help.

    http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples

    Posted 8 years ago on Thursday April 26, 2012 | Permalink