Is there any way to change the format of the fields for Purchase Order?

  • Profile Image
    churchsaver
    Asked on April 19, 2013 at 07:55 PM

    Currently, the view is (see attached):

    (checkbox) Item Name $Price

                     (custom quantity) Quantity

    (checkbox) Item Name $Price

                     (custom quantity) Quantity

    (checkbox) Item Name $Price

                     (custom quantity) Quantity

     

    What I would like is (see attached):

    (checkbox) Item Name $Price  (custom quantity) Quantity

    (checkbox) Item Name $Price  (custom quantity) Quantity

    (checkbox) Item Name $Price  (custom quantity) Quantity

     

    So, basically, I want each items info on one line, as to keep the length of the form shorter.

     

    Thanks in advance for your help!

  • Profile Image
    EltonCris
    Answered on April 20, 2013 at 06:48 AM

    Hi,

    Inject the following CSS codes to your form. This should transform your current style to the one you desired.

    .form-product-item {

    width: 600px !important;

    }

    .form-product-item br {

    display: none;

    }

    .form-product-item .form-sub-label-container {

    width: 300px !important;

    float: right;

    }

    input[name*="q1_tellUs1[special"] {

    float: left;

    }

    label[for="input_1_1053"]{

    width: 250px !important;

    display: inline-block;

    vertical-align: middle;

    }

    Result:
    Tested this on Chrome, FF and IE8. All displays the same, just wanted to make sure they are working on different browsers. :)
    Let us know if you need anything else. Thank you!