Submit Button Changes Its Location When Clicked On It

  • wsoc2015
    Asked on January 12, 2016 at 3:18 AM

    When you click it doesn't go anywhere. You have to click it a few times and sometime in a different area of the button. I thought it might just be happing to me on my computer, but I have gotten several emails from people saying they can't register.

    I have added a new submit button a few time and deleted the old one thinking there may be something wrong with the one that is there but each time it acts the same.

  • mert JotForm UI Developer
    Replied on January 12, 2016 at 9:15 AM

    Hi there,

    I replicated the same issue with you. Currently, I'm looking for a solution for your problem, please give me a little time, so I will come back with the answer.

     

    Thanks.

  • wsoc2015
    Replied on January 14, 2016 at 1:46 AM
    Any fix on this yet still getting people saying its not working right.
    Joe Lowers
    255 East Flamingo Road
    Las Vegas, NV 89169
    702 205-9050
    joe@theworldseriesofcomedy.com
    *http://theworldseriesofcomedy.com* /






    Join the WSOC Email List

    ...
  • mert JotForm UI Developer
    Replied on January 14, 2016 at 4:29 AM

    Hi there,

    First of all, sorry for the latency; but I found a solution for your issue. By injecting some custom css code, you can overcome from this problem. Below, you will see the necessary code:

     

    .form-submit-button:active {

    top: 21px;

     

    }

     

    Please, try this one and let us know the results.

    Thanks.

  • wsoc2015
    Replied on January 14, 2016 at 5:45 AM
    OH This is not something i want to do, I thought it was just something
    Jotform could fix. I don't want to have to do this every time I make a
    form. Plus I have no idea where that code goes.
    Joe Lowers
    255 East Flamingo Road
    Las Vegas, NV 89169
    702 205-9050
    joe@theworldseriesofcomedy.com
    *http://theworldseriesofcomedy.com* /






    Join the WSOC Email List

    ...
  • mert JotForm UI Developer
    Replied on January 14, 2016 at 7:30 AM

    Hi Joe,

    This issue is causing from some custom changes on your form, so normally, there is nothing like jumping "Submit" buttons when clicked. On your form, "Page Break" field and "Submit" fields have arranged together in same line, that's why the "Submit" button doing this. In your case, the other solution for this one is changing their alignment back to the default.

    Please, see the necessary css changes on red marked area:

     

    .page-section + .page-section:nth-child(n) .form-submit-button {

        position: initial;

    }

     

    The method from the previous post, you can also inject this one as well, After that change, your form will be looking like the following (page break and submit fields will be seperated):

    Submit Button Changes Its Location When Clicked On It Image 1 Screenshot 20

     

    If you need any extra information, please let us know.

    Thanks.

  • wsoc2015
    Replied on January 15, 2016 at 4:46 AM
    Thanks so much I didn't know how to set it back to default, so i just
    changed it to another theme and didn't make any changes. It's now working
    fine.
    Joe Lowers
    255 East Flamingo Road
    Las Vegas, NV 89169
    702 205-9050
    joe@theworldseriesofcomedy.com
    *http://theworldseriesofcomedy.com* /






    Join the WSOC Email List

    ...
  • mert JotForm UI Developer
    Replied on January 15, 2016 at 4:51 AM

    Hi again,

    Joe, changing the theme could be the other solution for this issue, you are correct. I'm glad to see that the problem has solved. If you encounter any other error, please let us know about it.

     

    Have a great day.