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.

placement of the submit button

  1. Hi,

    Is there a way to change the placement of the submit button?
    .. say left, right, top, bottom?

    The way it is now is directly under the form, left corner.
    It would be more eyepleasing to have it right Corner,
    and maybe a little more space between it, and the form.

    best regards
    Lloyd A

    this is my form:

    http://lloydat.com/?page_id=123

    Posted 13 years ago on Wednesday June 13, 2012 | Permalink
  2. Lloyd, no problem. You will want to place one of these snippets (whichever you choose) into your theme's stylesheet. This snippet of CSS here will float your image to the right and this would cause all of your forms image submit buttons to do that:

    [css]
    .gform_wrapper .gform_footer input[type="image"] {
    float: right;
    }

    If you wanted to only have this one form's image submit button float to the right, you could use this more specific, form ID selector instead (this target's only the submit button of form ID #2):

    [css]
    #gform_submit_button_2 {
    float: right;
    }
    Posted 13 years ago on Wednesday June 13, 2012 | Permalink
  3. Hi,
    thx, but I've tried both snippets, and nothing happens. The button stays left.

    Here's a piece of the style sheet:

    [css]
    .art-footer .art-widget a:hover
    {
       color: #438CB6;
       text-decoration: underline;
    }
    
    DIV[id^="GMPmap"] IMG
    {
       margin: 0;
    }
    
    body .gform_wrapper form .gform_body ul,
    body .gform_wrapper form .gform_body ul li {
    	list-style-type: none !important;
    	list-style-image: none !important;
    	list-style: none !important;
    	background-image: none !important;
    	background: none !important;
    	padding: 0 !important;
    	margin: 0 !important;
    	border: none !important
           .gform_wrapper .gform_footer input[type="image"] {
            float: right;
    	}
    Posted 13 years ago on Wednesday June 13, 2012 | Permalink
  4. Lloyd, based on your snippet above, you are missing a closing } after that last border declaration. My guess is you just placed this wrong in your stylesheet. Are you familiar with CSS and how it works and is written?

    You should have this:

    [css]
    .art-footer .art-widget a:hover
    {
       color: #438CB6;
       text-decoration: underline;
    }
    
    DIV[id^="GMPmap"] IMG
    {
       margin: 0;
    }
    
    body .gform_wrapper form .gform_body ul,
    body .gform_wrapper form .gform_body ul li {
    	list-style-type: none !important;
    	list-style-image: none !important;
    	list-style: none !important;
    	background-image: none !important;
    	background: none !important;
    	padding: 0 !important;
    	margin: 0 !important;
    	border: none !important
    }
           .gform_wrapper .gform_footer input[type="image"] {
            float: right;
    	}
    Posted 13 years ago on Wednesday June 13, 2012 | Permalink
  5. Hi, I am a total neewb when it comes to css, learning as we write,
    and yes that worked. 5 days of trial and error is finaly over! Thank You!!

    Again, this i support!

    Lloyd

    Posted 13 years ago on Wednesday June 13, 2012 | Permalink
  6. .. I have more.

    Is it possible to lock the possibility to choose more than one options in the check boxes?

    As you have seen, My customers can choose from different menues, but I only wan't them to be able to choose just one.

    I tried with radio buttons first, but once pressed it could not be unpressed.

    lloyd

    Posted 13 years ago on Wednesday June 13, 2012 | Permalink
  7. Hey Lloyd, no problem, glad to help.

    Radio buttons, as you mentioned, would be the easiest way to go about this. However, you can follow this tutorial here to limit the checkboxes if you feel comfortable in doing so:

    http://gravitywiz.com/2012/06/11/limiting-how-many-checkboxes-can-be-checked/

    Posted 13 years ago on Wednesday June 13, 2012 | Permalink
  8. Thx,

    .. one little thing though, Is it possible to do this with multiple fields, say I have 4 fields,
    and would like my customers to only check one options from all the 4 fields?

    lloyd

    Posted 13 years ago on Wednesday June 13, 2012 | Permalink
  9. Yes, that would be this piece of the code:

    $field_ids = array(
            // field ID => number of checked checkboxes allowed
            5 => 3,
            6 => 5
            );

    As step 2 mentions:

    Update the $field_ids array to your field(s) ID and the corresponding number of checked checkboxes allowed for each field.

    Posted 13 years ago on Wednesday June 13, 2012 | Permalink
  10. Hi,

    yes this goes for as i understand, that each field can be checked with one possibility,
    but I wan't to restrict it to all fields combined, so that only One choice from All the four fields can be checked.

    LL

    Posted 13 years ago on Wednesday June 13, 2012 | Permalink