Configurable List Field Names not aligned properly

  • Profile Image
    drjax
    Asked 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

  • Profile Image
    Charlie
    Answered 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.