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

    Configurable List Field Names not aligned properly

    Asked by drjax on November 27, 2014 at 10:23 PM

    I'm not sure if this is a field spacing problem or field name problem.  I cannot seem to get the field names to properly align with the field.  The form is https://secure.jotformpro.com/form/43301341964954.  Here's a pic of the problem:

    Please tell me how to make this work better.  Also, there is no need for the age textbox to be more than 2 characters.

    I look forward to your response.

    Thanks,

    Jack

    field names configurable list JotForm problem uploads name
  • Profile Image
    JotForm Support

    Answered by Charlie on November 28, 2014 at 09:49 AM

    Hi Jack,

    This is because you have set different margin-left styling in your Configurable list widget.

    You can replace the code using this:

    .col1 input[type="text"], .col2 input[type="text"] {width: 150px !important;

    margin-left: 0px !important;}

    .col3 input[type="checkbox"] {margin-left: 0px !important;}

    .col4 input[type="checkbox"] {margin-left: 0px !important;}

    .col5 input[type="text"] {margin-left: 0px !important;

    width: 150px !important;}

    th {

    font-size : 13px;

    }

    td.col3 select {

    width:150px;

    }

     

    You can see the edited cloned form here: http://form.jotformpro.com/form/43313688766971 

    This is how it should look like:

    You can still adjust the alignment and spacing by editing the custom css styling.

     

    I hope this helps. Let us know if you need further assistance on this.

    Thank you.