What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Send files button has old one behind it

    Asked by jrnetwork on November 16, 2011 at 06:34 AM

    I've specified my own 'Send Files' button as per the attached screen shot, but after the selected files have uploaded, the new button has the regular one provided by jotform behind it.

    How do I stop this?

    Page URL:
    http://www.cndesign.com.au/file-uploads.php

    Screenshot
  • Profile Image

    Answered by fxr on November 16, 2011 at 10:33 AM

    Yes, the processing notification during the uploading of files is affecting the styling of your customised button. 

    Nothing springs to mind as a workaround, I will open a bug report with the developers. 

  • Profile Image

    Answered by jrnetwork on November 16, 2011 at 10:36 AM

    Thanks for that. 

    FYI.. the regular button behind my custom image is actually larger than it would be if my custom button image was not there. So there is no use me making the custom button larger again, plust that would then start looking silly.

    Look forward to your reply.

  • Profile Image

    Answered by fxr on November 16, 2011 at 11:00 AM

    OK your response gave me a little inspiration. I was worried with the javascript interaction for the file upload feature that there wouldnt really be much we could do about the button styling.

    But, you can try this in your Custom CSS:

    .form-submit-button {padding:0 !important; border:0 !important; height:36px !important;}

    That seems to sort it out, the 'height:36px' is the height of your image for anyone else who stumbles upon this thread with the same issue.

    Let me know if you have any problems with this.

  • Profile Image

    Answered by jrnetwork on November 16, 2011 at 11:09 AM

    Thanks, that has worked.

    The only thing it did was change the "please wait" button to a plain grey box with no border or rounded corners like the original... is this the trade off?

  • Profile Image

    Answered by fxr on November 16, 2011 at 11:21 AM

    Yep. Afraid so. 

    In place of that 'border:0;' rule, you could maybe try experimenting with different border styles, widths and colors, white is a possibility as it shouldnt affect the look of your submit button image.

    e.g something like:

     .form-submit-button {padding:0 !important; border-style:inset !important; border-color:white !important; height:36px !important;}

    If you need any help playing around with that, come back to us and we can certainly see if there is anything else we can come up with.