Simple Checkbox List with Quantity

  • printit
    Asked on June 2, 2015 at 12:17 PM

    Is there a way to make a list of items with each line containing just these 3 things...

     

    Checkbox, Item Description, Text Box with hint text

     

     

  • David JotForm Support
    Replied on June 2, 2015 at 1:29 PM

    Hi,

    I believe one of our inventory style widgets should be able to do what you are looking for.  We have a few different ones:

    http://widgets.jotform.com/widget/inventory

    http://widgets.jotform.com/widget/gift_registry

    http://widgets.jotform.com/widget/quantity_gift_registry

    If these are still not quite what you are looking for, let us know a bit more detail about the requirements for your setup and we will be happy to see what else we can do.

  • printit
    Replied on June 2, 2015 at 2:07 PM

    David,

    Kind in the ball park, but I wish to do something like this see attached pic.

    Just want a simple checkbox list with a text box next to it with hint text for what static quantity is available. Simple Checkbox List with Quantity  Image 1 Screenshot 20

  • David JotForm Support
    Replied on June 2, 2015 at 2:50 PM

    The easiest way to accomplish that would be to just include the quantity amount in the description.  Something like this:

    Simple Checkbox List with Quantity  Image 1 Screenshot 20

    There aren't really any other simple solutions I can think of that would add a proper label to each checkbox selection.

  • printit
    Replied on June 2, 2015 at 3:17 PM

    The per pack is the division they come in and would be static.  They would need to input the amount of packs they want in a text box. Like "4 Packs" "10 Packs", etc

    I see something like this with the configurable list widget but it is too involved for what I want to do. 

  • David JotForm Support
    Replied on June 2, 2015 at 3:46 PM

    You may want to using the purchase order payment field:

    Simple Checkbox List with Quantity  Image 1 Screenshot 30

    Then setup your products with a custom quantity option:

    Simple Checkbox List with Quantity  Image 2 Screenshot 41

    This will allow you to have checkboxes that have associated quantities. 

    You can then add this code to your form to move the product quantity to the right of the field:

    http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    .form-product-item .form-sub-label-container {margin: 3px 9px 1px 6px !important;

    position: absolute;

    top: 0px;}.form-product-item .form-checkbox {vertical-align: middle !important;margin-top: -3px !important;}

    .form-product-item br {display: none !important;}

    .form-product-item {width: 316px !important;margin-bottom: 1px !important;

    height: 25px !important;

    }

    Other than that, you would need to line up a bunch of text box fields to the right of your checkbox field.  This can be quite tedious and there will be no relation between the checkbox and the quantity.

  • printit
    Replied on June 2, 2015 at 4:10 PM

    I tried this. It not exactly what I am looking for. I will keep plugging away at the configurable list widget. Thanks for trying.

  • David JotForm Support
    Replied on June 2, 2015 at 5:42 PM

    I set up a couple of configurable list widgets to reflect the checkboxes and the text boxes.  Since there are so many options for the check boxes, I could not get a single widget to have both the text boxes and the check boxes:

    http://form.jotformpro.com/form/51525548118961

    I can work on lining them up better when I have more time if you would like.