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

    Field width overlaps form area

    Asked by CatherineYN on May 15, 2015 at 11:31 AM

    Hello,

     

    I want my form field max 645px and two of my fields are crossing the form width. Its a radio button. How can i fix it? it tired everything. Please help

     

    Thanks.

    Page URL:
    http://www.jotformpro.com/form/51303788386968

    form width then JotForm uploads form field png
  • Profile Image
    JotForm Support

    Answered by Charlie on May 15, 2015 at 01:56 PM

    I cloned your form for testing purposes, I implemented my changes here: http://form.jotformpro.com/form/51345867830966. Could you check if my cloned form gives you a better result, if it does, you can clone it instead by following this guide: http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL.

    These are the things I changed:

    1. I set all the fields to have "Label Align" to "Top".

    2. I set the Preferences->Responsive Form to "No". 

    3. Do not disable the "Make this form responsive" in the Form Designer tool. Leave it as enabled.

     

    Try checking if this gives you a better layout in your form preview.

    Do let us know if you need more information on this.

    Thank you.

  • Profile Image

    Answered by YouthNation on May 25, 2015 at 08:40 AM

    Hello,

     

    It was fix but again same issue and i did what you said.

     

    My form: http://form.jotformpro.com/form/51303788386968

     

    This field:

     

    Which of the following best fits your impression of the Jameson Graduate Programme? *

    and

     

    Please can you prioritise the most important factors when considering a graduate programme. *

    Still not responsive it's cutting off on mobile.

    Please help.

     

    Thanks.

     

     

     

  • Profile Image

    Answered by Syed on May 25, 2015 at 08:50 AM

    Hi there;

            Could you please post screenshot here, we have tested this form on Android device, it is working fine, please take a look to the screenshot below;

    Do let us know, if you need further clarification.

     

    Thankyou,

  • Profile Image

    Answered by YouthNation on May 25, 2015 at 09:27 AM

    Hello

    Here are the screenshots.

    Below one is from my site where i embedded this form:

     

    Website link: http://collegetimes.com/2015/05/20/would-you-work-for-jameson

    Please help.

     

    Thanks.

  • Profile Image

    Answered by Syed on May 25, 2015 at 10:27 AM

    Hi there;

            Thankyou for the screenshots, could you try to add the following CSS Code Block to resolve this issue, please read our guide here How to Inject Custom CSS Codes.

    .form-line-column {white-space: normal !important;}

    I hope it will all-set! Kindly let us know further, if you have questions/queries, we would be happy to assist you.

     

    Thankyou,

  • Profile Image

    Answered by CatherineYN on May 25, 2015 at 10:40 AM

    Thanks its solved now :)