Im sure your forms have gremlins ?

  • Profile Image
    ipbr21054
    Asked 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
    liyam
    Answered 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
    ipbr21054
    Answered 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
    Kevin_G
    Answered 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
    ipbr21054
    Answered on February 02, 2017 at 07:31 AM

    Thanks now sorted