Trying to add several products to my form and will not work properly

  • Profile Image
    NiagaraMedics
    Asked on May 28, 2014 at 12:18 PM

    I created a new purchase order form and I get so far and then it will not work giving me obscure numbers beside the item that will not allow the form to caluculate or no check box.  What am I doing wrong? 

    Thanks

    Syl

  • Profile Image
    Carina
    Answered on May 28, 2014 at 01:34 PM

    I cloned the form, removed and added new payment methods and the problem remained:

     

    I forwarded this situation to our developers so they can analyse it better. They will notify you via this thread once they have an update on this.

    Let us know if further support is needed.

    Thank you

  • Profile Image
    NeilVicente
    Answered on May 29, 2014 at 06:59 AM

    Fixed.

    Sorry for the inconvenience.

  • Profile Image
    NiagaraMedics
    Answered on May 29, 2014 at 12:35 PM

    Thankyou but now the form is only showing some of the selections for my t shirts sizes it only shows the first two sizes instead of all 7 sizes.  Not sure why it is doing this. 

  • Profile Image
    Carina
    Answered on May 29, 2014 at 02:37 PM

    I added this information to our ticket so our developers can look better into it.

    Thank you for your understanding.

  • Profile Image
    NeilVicente
    Answered on May 29, 2014 at 10:01 PM

    The problem was caused by the custom CSS you have injected to your form, specifically this part:

    .form-product-item {
    position: relative;
    height: 100px !important;
    width: 610px !important;
    margin-bottom: -2px;
    }

    You have set a fixed height to the line items, causing the other size options to be permanently hidden.

    Kindly remove this code from your form so that your size options will not be hidden.

    Thanks!

  • Profile Image
    NeilVicente
    Answered on May 29, 2014 at 10:20 PM

    You can also just set the products with subproducts as 'Required' so they are always open,

     

    then set a minimum height for the line items, so that your images are fully displayed always.

    .form-product-item {
    position: relative;
    min-height: 100px !important;
    width: 610px !important;
    margin-bottom: -2px;
    }

    Here's how the form should look thereafter

    http://form.jotformpro.com/form/41488277336969?