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

    Im sure your forms have gremlins ?

    Asked by ipbr21054 on February 02, 2017 at 05:36 AM

    Today i check my page and i now notice the difference.

    See forms in question please.

    62115565434352 and also 70304482166351

    Look at the message box,it overlaps its width by a long way.

    Please can you explain why this is happening.

  • Profile Image
    JotForm Support

    Answered by liyam on February 02, 2017 at 06:21 AM

    Hello,

    This most likely is caused by overlapping themes and styles set on your form. With this, I recommend to go back to the default theme and start it over, but if the text area is the only concern, you can add this CSS injection code into your form:

    #input_17 {
     width: 440px;
    }

    You can follow the steps from this guide if you need to know how to inject CSS into your form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Thanks.

  • Profile Image

    Answered by ipbr21054 on February 02, 2017 at 06:32 AM

    Hi,

    I do not wish to make that change yet.

    Please tale a look at form 62115565434352

    I get there like this is your page,

    Design,Inject CSS, Advance CSS Editor.

    Now the form you see should be blue but it is transparent.

    This is incorrect because it should look the same as my other forms.

    Something is happening without me touching it.

    Also i should not need to add the code you advise because this form was copied frm another of my existing forms but i dont need to add your supplied code to them do i ?

    can you see why this is happening,i need my forms to be pretty much the same so when i edit one form i then know where to edit on the next form,by adding bits of different code this wont help me,more of a work around as opposed to a fix.

    Thanks very much for the continued help and hope you can see the issue.

  • Profile Image
    JotForm Support

    Answered by Kevin_G on February 02, 2017 at 07:18 AM

    I have reviewed your cloned form and this is what I found. 

    By default, your text area field has a size of 55 columns: 

    This is in the field properties and if you change this value the text area will be reduced and displayed inside the form. 

    Now, you're right when you say that the field settings are the same in the form where it displays fine http://www.jotformeu.com/form/70304482166351, but there is actually a CSS code missing in the cloned form, not sure if this CSS code has been applied before the clone was done or after. 

    So there're 3 possible ways to resolve this: 

    1. Reducing the field width through the field properties. 

    2. Injecting the CSS code my colleague Liyam  provided above. 

    3. Injecting the missing CSS code on the cloned form where the field does not display properly: 

    .form-textbox, .form-textarea {

        width: 100% !important;

    }

    Hope this helps. 

  • Profile Image

    Answered by ipbr21054 on February 02, 2017 at 07:31 AM

    Thanks now sorted