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

    Why are my selections indented

    Asked by TheLifestyleBroker on May 20, 2014 at 10:02 AM

    Please tell me why these selections are indented. I had them as multiple choice but changed it, and they are staying indented. 

     

    http://www.jotformpro.com/TheLifestyleBroker/VILLA

    Fri/Saturday night combos $300 for the weekend etc. there are 3 or 4

    multiple choice www 3 and
  • Profile Image
    JotForm Support

    Answered by abajan on May 20, 2014 at 11:11 AM

    Hi again,

    Please change the form's injected CSS to the following and save it:

    #id_91 .form-sub-label-container {
    position: absolute;
    top: 1px;
    left: 32px;
    }

    #id_91 .form-sub-label {
    width: 58px;
    white-space: normal;
    }

    [for="input_91_1092"],
    [for="input_91_1095"],
    [for="input_91_1099"],
    [for="input_91_1106"],
    [for="input_91_1115"],
    [for="input_91_1116"],
    [for="input_91_1129"],
    [for="input_91_1130"],
    [for="input_91_1132"],
    [for="input_91_1135"],
    [for="input_91_1134"] {
    display: block !important;
    margin-left: 77px;
    margin-top: -17px;
    }


    If you would like further help with this, please let us know.


    Cheers

  • Profile Image
    JotForm Support

    Answered by abajan on May 20, 2014 at 11:43 AM

    Incidentally, since the dollar amounts are already being displayed in the labels, having them displayed again in bold at the end of each label is redundant. Also, if you don't want checkboxes displayed next to each heading
    (like * * * ____ 3-6 NIGHT RENTALS ____ * * * for instance), you would need the following additional CSS:

    #input_91_1061,
    #input_91_1091,
    #input_91_1094,
    #input_91_1097,
    #input_91_1098,
    #input_91_1105,
    #input_91_1111,
    #input_91_1114,
    #input_91_1119,
    #input_91_1124,
    #input_91_1127,
    #input_91_1128,
    #input_91_1131,
    #input_91_1138,
    #input_91_1137,
    #input_91_1142,
    #input_91_1140,
    #input_91_quantity_1093_0,
    [for="input_91_quantity_1093_0"],
    #input_91_quantity_1096_0,
    [for="input_91_quantity_1096_0"],
    #input_91_quantity_1100_0,
    [for="input_91_quantity_1100_0"],
    #input_91_quantity_1107_0,
    [for="input_91_quantity_1107_0"],
    .form-product-details b {
    display: none;
    }

    Lastly, to stop the entire payment field from lighting up when any item within it is clicked, disable the Highlight Effect:


    Please have a look at this clone of the form to see what I mean.


    Thanks

  • Profile Image

    Answered by lebaus on May 20, 2014 at 12:21 PM
    It didn't seem to change anything?? I added both CSS codes, one right after
    the other, is that what you meant by additional?
    ...
  • Profile Image
    JotForm Support

    Answered by Welvin on May 20, 2014 at 12:55 PM

    Hi,

    There's an exclamation mark added to the custom CSS codes, that shouldn't be added there:

     

    I've fixed it for you. Please kindly check and let us know if you think you need more adjustments. We can always help.

    Thanks