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

    Upload Button Area not the same as Upload Button Width

    Asked by snaplash on February 17, 2016 at 08:45 AM

    Hey Jotform!

    I have two upload buttons that are pretty long, I have extended all the css asscoiated with them but not all the button is active.

     

    If you click on certain parts of the buttons nothing happens. I am unablke to extended the clickable area.

     

    Coul you guys have a look and see where I am going wrong?

    https://form.jotform.com/60441233441948

     

    Thank you so much!


    M>

    Page URL:
    https://form.jotform.com/60441233441948

    upload button width same button width not the same
  • Profile Image
    JotForm Support

    Answered by BJoanna on February 17, 2016 at 11:38 AM

    I have inspected your form and I saw that you have added a lot of CSS code. Some are duplicated. It is possibles that there are some conflicts between CSS code inside of your form. 

    Please try adding this CSS code:

    .qq-uploader .inputContainer {

        width : 380px!important;

    }

    Inside of this guide you can find how to Inject Custom CSS codes to your form:

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

    It is also possible to style buttons inside of Form Designer.

    Hope this will help. Let us know if you need further assistance. 

  • Profile Image

    Answered by snaplash on February 17, 2016 at 11:41 AM

    Perfect - Thank you!

     

    .qq-uploader .inputContainer {

        width : 380px!important;

    }

    That is what I was looking for!!!! and yes, I am not sure why all my code is duplicated.

  • Profile Image
    JotForm Support

    Answered by BJoanna on February 17, 2016 at 12:55 PM

    You're welcome. 

    Maybe you have pasted your code multiple times. You can remove duplicated code. 

    Feel free to contact us if you have any other questions.