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

  1. 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 13 years ago on Monday July 11, 2011 | Permalink
  2. 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 13 years ago on Monday July 11, 2011 | Permalink
  3. 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 13 years ago on Monday July 11, 2011 | Permalink
  4. 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 13 years ago on Monday July 11, 2011 | Permalink
  5. 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 13 years ago on Tuesday July 12, 2011 | Permalink
  6. 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 13 years ago on Tuesday July 12, 2011 | Permalink
  7. 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 13 years ago on Tuesday July 12, 2011 | Permalink
  8. 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 13 years ago on Tuesday July 12, 2011 | Permalink
  9. 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 13 years ago on Monday July 18, 2011 | Permalink
  10. 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 13 years ago on Monday July 18, 2011 | Permalink
  11. 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 13 years ago on Tuesday July 19, 2011 | Permalink
  12. 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 13 years ago on Tuesday July 19, 2011 | Permalink
  13. 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 13 years ago on Tuesday July 19, 2011 | Permalink
  14. 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 13 years ago on Thursday July 21, 2011 | Permalink
  15. 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 13 years ago on Thursday July 21, 2011 | Permalink
  16. 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 13 years ago on Thursday July 21, 2011 | Permalink
  17. 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 13 years ago on Thursday July 21, 2011 | Permalink
  18. 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 13 years ago on Thursday July 21, 2011 | Permalink
  19. 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 13 years ago on Thursday July 21, 2011 | Permalink
  20. 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 13 years ago on Thursday July 28, 2011 | Permalink
  21. Glad you got that resolved. Thanks for stopping back in Elena.

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

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