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

    File upload form tool - how do i change the text beside the button from black to white?

    Asked by dkainvi3ind on September 12, 2013 at 05:35 PM

    Thank you Jonathan for your reply, this has worked, the text is now white in Safari.

    The only problem now is that when the form tool is highlighted the text disappears because the background colour is white.

    Can you tell me how to turn the text from white to black when the form tool is highlighted.

    As a reminder please see my question below:

    Hi,

    I have a 'File Upload' form tool on my form.

    The 'no file selected' text beside the button is black, which does not show up very well on the blue background.

    Is there anyway of making the 'no file selected' text white and then change to black when highlighted.

    Many thanks and kind regards.

    Page URL:
    http://www.maca.uk.net/submit-artwork.html 

    Screenshot

    Many thanks and kind regards,

    Neale

    tool problem style size uploadsEdit
    Profile Image
    JotForm Support
    Answered by jonathan on September 12, 2013 at 05:03 PM

    Hi Neale,

    Please try injecting CSS code like this to your form

     

    .form-upload {

        color: #FFFFFF !important;

    }

     

    Use this guide on How-to-Inject-Custom-CSS-Codes

    I tested it on my end, and it works on Safari browser also

    Many thanks and kind regards,

    Neale

    tool JotForm problem style size uploads
  • Profile Image
    JotForm Support

    Answered by EltonCris on September 12, 2013 at 06:12 PM

    Hi Neale,

    Use the following CSS to make it black when an upload field is active or on error state.

    .form-line-active .form-upload {color: #000 !important;}

    .form-line-error .form-upload {color: #000 !important;}

    Use the same guide, just inject this to your form. 

    Hope this helps.

  • Profile Image

    Answered by bigpicturecomp on March 12, 2015 at 06:59 PM

    Is there a way to change the words? I have a persistent problem with my form and when they see that text it is because the button is not loading properly. That means that I need them to refresh their browser so that text disappears. I want to change that text from "no file selected" to "Please Refresh Your Browser".

    Is that possible?

  • Profile Image
    JotForm Support

    Answered by abajan on March 12, 2015 at 08:30 PM

    Unfortunately, it's unlikely that that text can be changed. It actually varies according to which browser the form is being viewed in. For instance, in Chrome it states No file chosen:

    The issue is not specific to JotForm. Upload fields are displayed on the internet in that manner.

    As to the button not loading properly, try switching its mode to multi-upload and let us know if that helps. To switch to that mode, click the field and then click the Allow Multiple button at the top of the form builder:

    Do continue to keep us updated.

    Thanks

  • Profile Image
    JotForm Support

    Answered by abajan on March 12, 2015 at 08:40 PM

    @bigpicturecomp

    I've only just realized that this is a pretty old thread and that you're not the user who opened it! We prefer to deal with each user in their own thread, so as to better focus on their specific issue. As such, if you need to discuss this further, please open another thread and it will be addressed in due course.

    Thanks

  • Profile Image

    Answered by bigpicturecomp on March 12, 2015 at 08:40 PM

    Oh. Bummer. It is set to multiple uploads so no that does not help. I have tried for months to get this to work properly and nothing works. I have even tried a javascript no conflict.
  • Profile Image
    JotForm Support

    Answered by abajan on March 12, 2015 at 08:44 PM

    @bigpicturecomp

    Looks like we posted our last replies simultaneously. Anyway, I've moved the discussion to another thread (http://www.jotform.com/answers/532335) where it will be dealt with.

    Thanks