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.

Go/submit button doesn't work on FF/IE/Safari

Gravity Support Forums » Plugin Support » Gravity Forms

  1. Elena
    Member

    Latest version of plugin.
    Site: cirugiaesteticamasculina.com
    Submit/Go (in Spanish "enviar") button doesn't seem to work on FF/Safari/IE. When you hover over it, nothing happens and the only way to send form is by clicking on return key.
    It happens on http://cirugiaesteticamasculina.com/pide-cita/ and also on all widget forms on sidebars.
    Thanks in advance for your help,
    Elena

    Posted 12 years ago on Monday July 11, 2011 | Permalink

  2. Kevin Flahaut
    Administrator

    Elena,

    I didn't encounter any issues when trying to submit the form. I tested in Safari, Firefox, Chrome and IE8 and it worked fine for me in every instance.

    http://screencast.com/t/8GzICsjjx

    There's not really any feedback on the button state because of the styles being applied. If you disable those, you can see the default active state and that the button is working properly.

    Posted 12 years ago on Monday July 11, 2011 | Permalink

  3. Elena
    Member

    Hi Kevin
    Long time no see.
    Well, I'm puzzled. People from Barcelona have also reported same error, using 3 browsers on Windows. Here at the office, we are trying on Mac & different browsers and same issue: submit button seems like disabled, no hover cursor, nothing. I'm desperate :S

    PS: How do you disable styles? But is that sth I really want/need?

    Posted 12 years ago on Monday July 11, 2011 | Permalink

  4. Kevin Flahaut
    Administrator

    Hmm. I'll be happy to look at it a little closer but I'm not having any luck replicating the problem. If you'll note, the button did work even with the custom button styles active, you just don't get any real feedback with a hover or active state.

    Let me see look it all over again and see what I can offer.

    Posted 12 years ago on Monday July 11, 2011 | Permalink

  5. Elena
    Member

    Hi Kevin
    Thanks for your help on this, again. We have tried in 2 other computers this morning (IE) and same thing happened. Maybe we have to move to another country :S :P
    Elena

    Posted 12 years ago on Tuesday July 12, 2011 | Permalink

  6. Chris Hajer
    Key Master

    With Firefox 3.6.18 on Linux, from Chicago in the US, I cannot submit either. The button is visible but clicking on it does nothing. If I disable all styles in the browser with the Web Developer toolbar, it looks terrible (of course) but I can submit without a problem. [EDIT]

    Elena, if you preview the form, can you submit from there?

    Posted 12 years ago on Tuesday July 12, 2011 | Permalink

  7. Chris Hajer
    Key Master

    Actually, it looks like the .footer-wrapper is covering the bottom 80% of the button, making it hard to submit if you just click on it like normal. If you click on the top-most part of the button, it will submit :-)

    Screenshot:
    http://min.us/mbdi04q

    Posted 12 years ago on Tuesday July 12, 2011 | Permalink

  8. Kevin Flahaut
    Administrator

    Sorry, just got back to this and yes, it IS the negative margin on the footer element thats causing it. Good catch Chris. I hadn't encountered it yet because of my screen resolution but that is the problem.

    Elena, you will need to add some extra spacing to the bottom of your form to prevent the overlap or remove the negative top margin from the theme footer.

    [css]
body #gform_wrapper_2 { margin-bottom:40px}
    Posted 12 years ago on Tuesday July 12, 2011 | Permalink

  9. Elena
    Member

    Hi Kevin & Chris,
    Sorry about not replying before, but I had a trip to Colombia, where I am right now (business, not pleasure! ;)) till Sunday. So I got over jetlag and catching up with this: where exactly I have to add that line Kevin? on style.css (because I have & nothing happens)?

    (Chris: good to know I wasn't crazy or sth)

    Thanks for your help, as always.
    Elena

    Posted 12 years ago on Monday July 18, 2011 | Permalink

  10. Elena
    Member

    The footer styling http://pastie.org/2234400
    By the way, is the code { margin-bottom:40px; } or { margin-bottom:40px }
    I don't know where to put it, anyways.

    Posted 12 years ago on Monday July 18, 2011 | Permalink

  11. Chris Hajer
    Key Master

    Elena, looks like you have already added to your theme's style.css?

    /*=============================================================*/
/*------------------------ Gravity Form -----------------------*/
/*=============================================================*/
body #gform_wrapper_2 { margin-bottom:40px; }

    That's where it goes. Is it working for you now?

    Posted 12 years ago on Tuesday July 19, 2011 | Permalink

  12. Elena
    Member

    Hi Chris,

    nope, not working, That's why I asked you, bcs I thought I may have put it on the wrong line or file, or the wrong way.

    Thanks for bearing with me.

    Elena

    Posted 12 years ago on Tuesday July 19, 2011 | Permalink

  13. Kevin Flahaut
    Administrator

    Elena,

    I checked in a couple of browsers here and it looks like the bottom margin style is being applied properly. Is there still a problem with it on some form because I didn't see any issues on the form linked above?

    firebug screenshot: http://bit.ly/mZWVpc

    also, to answer your earlier question, the semicolon at the end of the property is optional if it's the only one in the rule or if it's the last property listed in the rule. You need the semicolon as a separator between different properties in the same CSS rule.

    Posted 12 years ago on Tuesday July 19, 2011 | Permalink

  14. Chris Hajer
    Key Master

    Elena, can you try a different browser or clear the browser cache? It appears you have done everything correctly but maybe your browser has cached the CSS and is not applying the new style.

    Posted 12 years ago on Thursday July 21, 2011 | Permalink

  15. Elena
    Member

    Hi, despair speaking, cleared cache, tried with Chrome, Safari and FF. And yet when you hover over Submit button no cursor. I'm about to cry, guys. A grown-up lady crying, how sad can it be? :/ :)

    Posted 12 years ago on Thursday July 21, 2011 | Permalink

  16. Chris Hajer
    Key Master

    Can you click it though? Kevin mentioned before that there was no feedback when you hovered over the button, like the cursor changing, to indicate that it's clickable, but if you do click it, does it submit?

    If so, then you've fixed one problem and just need some CSS to make it function more like a clickable button. No tears involved.

    Posted 12 years ago on Thursday July 21, 2011 | Permalink

  17. Elena
    Member

    Ahhhhh, Chris. (Now sobbing). Ok, yes I can click on it and submit form, though there's no way to know it's clickable for a normal user (me being abnormal).

    Posted 12 years ago on Thursday July 21, 2011 | Permalink

  18. Elena
    Member

    Stupid question: if it's bcs of the footer wrapper why is it happening on all forms on the sidebar?
    http://cirugiaesteticamasculina.com/cirugia-estetica/aumento-de-pectorales/

    Posted 12 years ago on Thursday July 21, 2011 | Permalink

  19. Chris Hajer
    Key Master

    It's not because of the footer. You resolved that problem.

    Right now you just need to make the hand cursor appear when you hover over the button, to give feedback that it's clickable. Add this to the bottom of your style.css:

    .gform_wrapper input[type="submit"]{
cursor: hand;
cursor: pointer;
}

    That should make the hand cursor appear over the submit button when you hover over it.

    Posted 12 years ago on Thursday July 21, 2011 | Permalink

  20. Elena
    Member

    Sweet Chris!!! Thanks it works! Thank you SO much guys for your help. This is the sort of stuff that widens the gap bw this plugin & customer support and the rest.
    Cheers from Spain
    Elena

    Posted 12 years ago on Thursday July 28, 2011 | Permalink

  21. Chris Hajer
    Key Master

    Glad you got that resolved. Thanks for stopping back in Elena.

    Posted 12 years ago on Thursday July 28, 2011 | Permalink

This topic has been resolved and has been closed to new replies.