Remove mouse-click behavior on "Disabled" submit button

  • Profile Image
    grade4pagasa
    Asked on January 07, 2016 at 09:41 PM

    Is there a css to disable mouse-click & mouse-pointer behaviors when the button is in Disabled state?

  • Profile Image
    Charlie
    Answered on January 08, 2016 at 05:29 AM

    You could try adding this CSS code in your CSS tab in your Form Designer Tool:

    .form-submit-button.conditionallyDisabled {

         pointer-events: none !important;

         cursor: none !important;

    }

    Let us know if that works.

  • Profile Image
    grade4pagasa
    Answered on January 08, 2016 at 10:07 AM

    Thanks so much, Charlie! The CSS you provided worked like a charm.

    Feature Request

    To add the css you provided to fields that can be disabled. 

    Currently, when a button is disabled, the button still behaves like an active button that is clickable. 

  • Profile Image
    Charlie
    Answered on January 08, 2016 at 12:18 PM

    You are most welcome. We have noted your feature request, although I'm not sure if it will be implemented by our developers because a working CSS have already made it possible. But rest assure that we will update you as soon as this has been implemented. 

    Cheers!

  • Profile Image
    NicholasWestley
    Answered on January 13, 2016 at 02:28 AM

    Hi, this has now been fixed so you will no longer need your custom css.

    Thanks,

    Nicholas

  • Profile Image
    grade4pagasa
    Answered on January 13, 2016 at 03:36 AM

    Much appreciated, Nicholas & the entire JotForm Team !

  • Profile Image
    ashwin_d
    Answered on January 13, 2016 at 07:00 AM

    Hello grade4pagasa,

    On behalf of my colleagues you are welcome.

    Do get back to us if you have any questions.

    Thank you!