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

    My form is not showing Quantity

    Asked by TheLifestyleBroker on May 14, 2014 at 01:56 PM

    Please tell me why my form is not showing quantities for my various items and can you fix it, I have entered in all the information that I want. Thanks Using Chrome

     

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

     

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

     

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

    quantity www thanks items all
  • Profile Image
    JotForm Support Manager

    Answered by Jeanette on May 14, 2014 at 04:39 PM

    Since the forms are pretty large, we would appreciate if you indicate the items where you see the problem. You can use screenshots, for each form, to indicate us exactly where the problem is. Please follow this guide to embed screenshots in the forum

  • Profile Image

    Answered by TheLifestyleBroker on May 14, 2014 at 05:07 PM

    Its in the payment form, everywhere it says, PER GUEST/PET/NIGHT nightly rate ETC.  These are some examples. If you can get in and look at the payment form, you will see that they offer selections

    https://cms.jotform.com/uploads/image_upload/image_upload/TheLifestyleBroker/26408_Screen Shot 2014-05-14 at 5.02.02 PM.png

    https://cms.jotform.com/uploads/image_upload/image_upload/TheLifestyleBroker/26409_Screen Shot 2014-05-14 at 5.02.32 PM.png

    https://cms.jotform.com/uploads/image_upload/image_upload/TheLifestyleBroker/26410_Screen Shot 2014-05-14 at 5.02.42 PM.png

  • Profile Image
    JotForm Support

    Answered by abajan on May 14, 2014 at 09:04 PM

    Insofar as the http://www.jotformpro.com/TheLifestyleBroker/Avanti form is concerned, it's the injected CSS which is causing the quantity selectors not to be shown. Please replace it with the following:

    #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_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;
    }

    This should result in the form looking like this clone.

    Did you copy the original CSS from another form? If so, please note that CSS which works for one form won't necessarily work for another one because the IDs of the various elements would likely be different.

    There may be issues concerning the correct calculation of the total. If so, please open another thread so that they can be dealt with separately.


    Thanks

  • Profile Image

    Answered by TheLifestyleBroker on May 14, 2014 at 09:08 PM

    Abajan,

    Should I just REDO the payment forms? Would that be the simplest process? I mean not for me, ha, but overall??

  • Profile Image

    Answered by TheLifestyleBroker on May 14, 2014 at 09:11 PM

    Also, is there ANY WAY to have the selection to the LEFT of the line rather than below it? People don't get that.

  • Profile Image
    JotForm Support

    Answered by TitusN on May 15, 2014 at 05:50 AM

    Hello,

    I would begin by removing the cusom CSS that I have on the form

    Aftwards, I would add the rules to match what I want the form to look like - perhaps you can tell us what you wanted to accomplish with the CSS and we can suggest something better that does not hide your product prices.

    To align the checkboxes left - Just align the label to the top as shown below:

    Let us know how we can assist further.

  • Profile Image

    Answered by lebaus on May 15, 2014 at 09:01 AM
    My original CSS that I am replacing with the new CSS - didn't want to lose
    it
    #input_38_1050_price,#input_38_1059_price,#input_38_1045_price,#input_38_1057_price,#input_38_1056_price,#input_38_1047_price,#input_38_1046_price,#input_38_1055_price,#input_38_1048_price,#input_38_1050,#input_38_1059,#input_38_1045,#input_38_1057,#input_38_1056,#input_38_1048,#input_38_1055,#input_38_1047,#input_38_1046{display:none;}#input_38_1050
    + label b,#input_38_1059 + label b,#input_38_1045 + label b,#input_38_1057
    + label b,#input_38_1056 + label b,#input_38_1048 + label b,#input_38_1055
    + label b,#input_38_1047 + label b,#input_38_1046 + label b {font-size:
    15px;} .form-product-item .form-sub-label-container { top: 4px; left:
    -45px; position: absolute; }
    ...
  • Profile Image
    JotForm Support Manager

    Answered by Jeanette on May 15, 2014 at 12:30 PM

    Does this mean the solution suggested above worked? It's not clear if this is what you meant.

  • Profile Image

    Answered by lebaus on May 15, 2014 at 12:51 PM
    It worked the way you said it would but it did not solve my ultimate
    problem where I'd like the QTY to be inline next to the check box and be
    required to choose a QTY if selected.
    ...
  • Profile Image
    JotForm Support

    Answered by EltonCris on May 15, 2014 at 04:01 PM

    Hi,

    Can you please check if this is something you want?

    Quantity box right after the check box. http://form.jotformpro.com/form/41346509173959?

    If yes, add the following CSS codes to the existing CSS codes injected to your form.

    #id_91 .form-sub-label-container {

    position: absolute;

    top: 1px;

    left: 32px;

    }

    #id_91 .form-sub-label {

    width: 58px;

    white-space: normal;

    }

    label[for="input_91_1092"],

    label[for="input_91_1093"],

    label[for="input_91_1095"],

    label[for="input_91_1096"],

    label[for="input_91_1099"],

    label[for="input_91_1100"],

    label[for="input_91_1106"],

    label[for="input_91_1107"],

    label[for="input_91_1115"],

    label[for="input_91_1116"],

    label[for="input_91_1139"],

    label[for="input_91_1140"],

    label[for="input_91_1129"],

    label[for="input_91_1130"],

    label[for="input_91_1132"],

    label[for="input_91_1135"],

    label[for="input_91_1134"]{

    display: block !important;

    margin-left: 77px;

    margin-top: -17px;

    }

    My suggestion to your second question is to use default quantity values. That might help.

    Thanks!

  • Profile Image

    Answered by lebaus on May 15, 2014 at 06:01 PM
    Genius!! Yes exactly, do I use the same CSS for all 3 forms. They each have
    different prices and items.
    ...
  • Profile Image
    JotForm Support

    Answered by jonathan on May 15, 2014 at 09:38 PM

    Hi,

    The same CSS codes should work also on the other forms as long as they have similar label ID# 

    label[for="input_91_1092"], label[for="input_91_1093"], ... so on

    I tested this on your other form "MONTEREY" http://www.jotformpro.com/TheLifestyleBroker/MONTEREY and it appear to have same result as desired.

     

    You can check the actual test form here http://www.jotformpro.com/form/41348416950961

    What I did here is just injected the same exact CSS codes suggested by our colleague EltonCris on the previous solution.

    This CSS codes  http://pastie.org/9180337

    Please understand that it work on the other form because they only have similar label id# (which I think because the forms were just cloned versions)

    If you want to use the same CSS code to other form, that is not a clone/copy version -- it will not work anymore. To make it work, you will have to look for the correct label ID# and correct them in the CSS code.

    Hope this help. Inform us if you need further assistance.

    Thanks!

     

     

  • Profile Image

    Answered by lebaus on May 15, 2014 at 10:01 PM
    Awesome job!Thank you!!!!!!!!!!!!
    ...