Im sure your forms have gremlins ?

  • ipbr21054
    Asked on February 2, 2017 at 5: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.

    Im sure your forms have gremlins ? Image 1 Screenshot 30

    Im sure your forms have gremlins ? Image 2 Screenshot 41

  • liyam
    Replied on February 2, 2017 at 6: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.

  • ipbr21054
    Replied on February 2, 2017 at 6: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.

  • Kevin Support Team Lead
    Replied on February 2, 2017 at 7: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: 

    Im sure your forms have gremlins ? Image 1 Screenshot 30

    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. 

    Im sure your forms have gremlins ? Image 2 Screenshot 41

    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. 

  • ipbr21054
    Replied on February 2, 2017 at 7:31 AM

    Thanks now sorted