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

    Styles do not get applied to file upload button

    Asked by bellevuefineart on January 20, 2016 at 03:22 PM

    Hi

    We're trying to create a new form, and at the bottom is a file submission button. I keep trying to change the style to "simple orange" or other styles, but no matter what I do it remains that ugly small standard grey button. I know it's a trivial thing, but we really want to change the button style. It appears to be a site error. Am I missing something?

     

    thanks

     

    scott

     

    https://www.bellevuefineart.com/print-order-form/

     

    https://www.jotform.com//?formID=60177508447965

    Page URL:
    https://www.jotform.com//?formID=60177508447965

    Screenshot
    new form JotForm style
  • Profile Image
    JotForm Support

    Answered by Chriistian on January 20, 2016 at 11:04 PM

    Hi,

     

    I checked your form and it looks like you were successfully able to change the style of the file submission to simple orange.

     

    Do inform us if you have any other concerns,
    Regards.

  • Profile Image

    Answered by bellevuefineart on January 21, 2016 at 12:38 PM

    Thanks. It magically started working a couple of hours later. 

  • Profile Image

    Answered by Ben on January 21, 2016 at 04:03 PM

    I am happy to see that you were able to resolve your issue Scott and would like to offer an insight into the issue that you were experiencing.

    The gray button that you had is the classic upload button. This button can not be changed nor styled as it is drown by browser. As any other input element, it can not have any styles applied to it so no matter what you did to it it would ultimately stay the same.

    The other - new, orange button is actually a multi upload button version of the single upload button.

    This is an element made to resemble button and is completely customizable. It is a simple div element that hides the original input element.

    So on your next forms, when you want to restyle the button, just turn on the multi file upload option and that is it - style away :)

    You can do that by clicking on the upload field and selecting Allow Multiple option from the toolbar:

    Hope this helps, but if you have any questions or issues just let us know and we would be happy to assist with the same :)

  • Profile Image

    Answered by bellevuefineart on January 21, 2016 at 04:12 PM

    That is super helpful! That's what happened. I turned on multi file upload and didn't realize that caused the button to behave differently. 

    Thanks! BTW we think jotform is awesome and we're in the process of further integrating it with wordpress on our site, replacing many woocommerce functions that we think are better served with jotform. 

  • Profile Image

    Answered by Ben on January 21, 2016 at 05:31 PM

    Great to hear that and you are welcome :)

    I would also like to thank you for the nice feedback in the second part of your post and to mention that if you have any issue during the transfer or some questions, do let us know and we would be happy to assist with the same :)