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

    Long labels seem to move the form out of theme set margins.

    Asked by ilanakelman on December 30, 2015 at 02:28 PM

    Please help ASAP.

     

    Thanks

     

    Ilana Kelman

    Screenshot
    text boxes wider
  • Profile Image

    Answered by Ben on December 30, 2015 at 06:15 PM

    I took a look at your form: http://www.jotform.ca/form/53635415387259 which seems to have the issue as on your screenshot.

    The theme that you have selected Ilana is for labels with small number of characters in the label, while many of your labels take a lot of space, which is why it is shown as such.

    You can apply a fix by adding this CSS code to your form:

    #label_38, #label_41, #label_42, #label_43, #label_39, #label_12, #label_22, #label_23, #label_24, #label_25, #label_27, #label_26, #label_36, #label_31 {
         display: block ! important;
         max-width: 410px;
         min-width: 310px;
         white-space: unset ! important;
         word-break: keep-all;
         word-wrap: normal;
    }
    #label_41 {
        white-space: pre-wrap !important;
    }

    I presume that you might have few things to tweak out afterwards, but it will place the fields in a proper order.

    Do let us know how it goes and if there is anything else that we can be of assistance and we would be happy to assist with the same.