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

    How to adjust File upload button with CSS?

    Asked by rodneywise on April 22, 2016 at 03:29 PM
  • Profile Image
    JotForm Support

    Answered by Kiran on April 22, 2016 at 05:34 PM

    I've checked your JotForm and see that the Upload button is also displayed as the Submit button.

    It seems that you have already fixed the issue. If you are referring to something different or need any further assistance, please let us know. We will be happy to help! 

    Thank you! 

  • Profile Image

    Answered by d_lane on May 28, 2016 at 10:41 AM

    i'm having trouble changing the look and feel of the upload files button. Any help would be welcomed.

  • Profile Image
    JotForm Support

    Answered by liyam on May 28, 2016 at 11:05 AM

    Hello d_lane,

    Can you please tell exactly what you are trying to accomplish? This way, we'll be able to provide more explicit information to achieve your purpose.

    We'll be looking forward to your response.

    Thanks.

  • Profile Image

    Answered by d_lane on May 28, 2016 at 11:15 AM

    I want to enable my visitors to upload a few photos. I have the upload file button on my page but it boxy and I want to change the look to match my color scheme.

  • Profile Image
    JotForm Support

    Answered by Nik_C on May 28, 2016 at 11:46 AM

    I checked your form, and to change the style of the button, you can follow this guide:

    1. Click on Edit properties:

    2. Change the style as you wish:

    Another way is to change by using the CSS, and to do that please follow:

    1. Click Settings:

    2. An in the Custom CSS field you can paste the code:

    .qq-upload-button.form-submit-button-carbon_rounded {

    background: red!important;

    }

    And just change the color as you wish.

    Please let me know if you have any further questions.

    Thank you!

  • Profile Image

    Answered by d_lane on May 28, 2016 at 03:43 PM

    ok great that solved my issue. My next issue arises when I change the allow multiple files to yes. It makes my button swell to triple the size of the original. Weird. Any help here?
  • Profile Image
    JotForm Support

    Answered by Nik_C on May 28, 2016 at 05:13 PM

    I'm not sure I understood your question, when I submit multiple files I get this:

    And as far as I know we can not change that.

    Were you referring to something else?

    If you can provide us with a screenshot it would be very helpful.

    You can also check this Image preview widget, if it will work better for you.

    Thank you!

  • Profile Image

    Answered by d_lane on May 29, 2016 at 01:23 AM

    before and after the allow multiple file uploads

     

  • Profile Image

    Answered by d_lane on May 29, 2016 at 01:27 AM

    does that automatically.. (??)

  • Profile Image

    Answered by d_lane on May 29, 2016 at 01:33 AM

    and then this happens to the upload button when I edit the button in the designer.

  • Profile Image
    JotForm Support

    Answered by Boris on May 29, 2016 at 04:03 AM

    @d_lane, it seems you are replying to a support thread opened by a different user, rodneywise. This means that all of our replies are being unnecessarily emailed to our user who originally opened this support thread.

    In order to avoid any confusion, I have moved your last post to a new support thread:

    https://www.jotform.com/answers/849349

    We will be assisting you with styling of your upload field there. Additionally, if you need assistance with something else in the future, please open a new support thread from this page:

    https://www.jotform.com/contact

    Thank you.