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

    Text box sizes I have chosen in the Form Builder are not reflected in the preview

    Asked by MissMarudek on February 19, 2015 at 07:44 AM

    Hello there!

    I've used properties to adjust individual text box sizes to fit the form's needs but when I preview the form all the text boxes are the same size and very small. Could you please help me fix this so that the preview looks exactly like the form does on the form builder?

    I actually have this problem very often and nothing I do on the form builder has any effect from the moment things start looking wrong on the preview.

    Thank you very much in advance.

     

    Page URL:
    http://www.jotform.com/?formID=50492343819358

    Form Builder preview builder problem size
  • Profile Image
    JotForm Support

    Answered by Kiran on February 19, 2015 at 10:26 AM

    I see that there is some custom CSS code used in the form to adjust the width. Also, since the  max-width of text-box is set to 52px from the designer, it is overriding the individual width set.

    Please try injecting the following CSS by replacing the existing code to change the width. 

    .form-textbox {

      max-width: none;

    }

    #input_22, #input_8, #input_42 {

      width: 80px !important;

    }

    #input_37 {

      width: 110px !important;

    }

    #input_24, #input_43 {

      width: 20px !important;

    }

    #input_44 {

      width: 40px !important;

    }

    The width provided here as per the numbers we already have. I feel that the size of the text boxes are still small. If you want you may increase the width in the CSS code provided as per your requirement.

    Hope this information helps! Please get back to us if you need any further assistance. We will be happy to help.

  • Profile Image

    Answered by MissMarudek on March 06, 2015 at 08:55 AM

    Thanks a lot Kiran! That's perfect!

  • Profile Image
    JotForm Support

    Answered by KadeJM on March 06, 2015 at 10:59 AM

    On behalf of Kiran you're very welcome.

    Feel free to talk to us via a new thread if you need help with anything else.