Form submit button cursor pointer not working...

  • Profile Image
    kensturgeon
    Asked on August 01, 2011 at 03:47 PM

    Under the setup and embed tab you can now add user defined CSS to the preferences.

    Hoping to make the submit button display the hand cursor when hovered over, but no luck.

    Here's the CSS I added:

    .form-submit-button {
    cursor:pointer;
    }

    Any reason why?

    Thanks!

    Patrick

  • Profile Image
    NeilVicente
    Answered on August 01, 2011 at 04:00 PM

    Hi Patrick,

    First off, I'd like to say that you're doing a great job in customizing your form.

    Anyway, to solve your problem, increase the height and width of your submit button to fully accommodate the image you used for it.

    height: 148px;
    width: 281px;

    Let us know how this works for you. Get back to us if you're still experiencing any problems. Thanks!


    Neil

  • Profile Image
    kensturgeon
    Answered on August 02, 2011 at 08:45 AM

    Worked perfectly. Thank you.

     

    PATRICK

  • Profile Image
    englipedia_eigo
    Answered on September 05, 2011 at 09:16 PM

    I too am having the similar problem. I've added my own submit button but when my mouse hovers over the button the mouse button doesn't change to a hand pointer. Is there any way to make it change to a hand pointer without jumping into the CSS code?

    If not, I think I could hash my way through the code but I'm not very confident with CSS yet.

  • Profile Image
    brx250
    Answered on September 05, 2011 at 10:21 PM

    Hi englipedia_eigo,

    To add CSS to your form that will change the cursor when pointed on the submit button, just navigate to your form builder, and click "Preferences" under "Setup & Embed" tab.

    preferences

    And insert the following code in the "Inject Custom CSS" under "Form Styles" tab.

     

     .form-submit-button {
    cursor:pointer;  }

     

    question spacing using css

    For additional CSS solutions and information, please refer to this link, or you can just visit www.w3schools.com.

    Hope you find this helpful.

    If you do have any other questions in the future, please feel free to contact us again.

     

    _____________________________________________    

    Albert  | JotForm Support 

  • Profile Image
    englipedia_eigo
    Answered on September 05, 2011 at 10:34 PM

    And a dumb-downed explanation to boot! You guys rock! It worked perfectly.

  • Profile Image
    brx250
    Answered on September 05, 2011 at 10:52 PM

    We are always glad to help!

    Hope you enjoy using JotForm. Cheers! :)

    _____________________________________________    

    Albert  | JotForm Support