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

    Use different button style within the same form

    Asked by atomicdisc on March 15, 2016 at 05:55 PM

    Hi,

     

    I am using jot form to create a file upload system. I would like to style the "Select File(s)" button different from the "Submit" button.

    How can I do this. In fact can I make the Select Files look a little less like a button?

    Thank you

    Page URL:
    http://www.atomicdisc.com/pages/file-upload

    Screenshot
    style different same form same
  • Profile Image
    JotForm Support

    Answered by david on March 15, 2016 at 06:46 PM

    You can indeed style the upload button differently than the submit button.  The styling depends on what you are looking for.  For example, to make the button smaller overall and change the background color to blue, you could add this code:

    http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    .qq-upload-button {
        background : blue !important;
        width : 100px !important;
        height : 15px !important;
        font-size : 10px !important;
    }

    That would make the button look like this:

    https://form.jotform.com/60747240892965

    If you have a specific look you are after, let us know and we will see what we can do.