Divide product options into 2 columns.

  • craftlabph
    Asked on September 27, 2016 at 12:26 AM
    Yes, that is correct. I'm thinking of dividing it into 2 columns. Then on the first column the fields would be, Quantity and Size. And then for the second column the fields would be, Type and Add-On. 
  • Chriistian Jotform Support
    Replied on September 27, 2016 at 3:28 AM

    It looks like most of the products only have two options. Only the Carbonless Receipt Pad item has a third option. To put the third option "Type" below the Quantity and Size, simply inject the custom CSS code below:

    span.form-sub-label-container:nth-of-type(3) {

        float: left;

        display: block;

        position: absolute;

        margin-top: 50px;

    }

    span.form-product-item:nth-of-type(2) {

        height: 100px;

    }

    Here's how it should look after:

    Divide product options into 2 columns Screenshot 20

    If you want to add more options such as Type and Add-on to the rest of the products, let us know so we can customize the code further. Regards.