Send files button has old one behind it

  • Profile Image
    jrnetwork
    Asked 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?

  • Profile Image
    fxr
    Answered 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
    jrnetwork
    Answered 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
    fxr
    Answered 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
    jrnetwork
    Answered 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
    fxr
    Answered 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.