How to have products displayed in two columns in the Purchase Order tool?

  • agrilady
    Asked on October 8, 2015 at 9:19 AM

    how can I make two columns in the purchase order 

    It' possible?

     
  • Boris
    Replied on October 8, 2015 at 1:23 PM

    Yes, this is possible with a little help of custom CSS. Please open your form in the Designer (Setup & Embed > Designer):

    How to have products displayed in two columns in the Purchase Order tool? Image 1 Screenshot 30

    Then, paste the following code into the textbox under the CSS tab:

    .form-line[data-type="control_payment"] {
    float: none !important;
    width: 100%;
    }
    #label_10 {
    float: none !important;
    display: block !important;
    }
    #cid_10 {
    max-width: 540px !important;
    }
    .form-product-item {
    width: 46%;
    float: left;
    overflow: visible !important;
    padding: 2% !important;
    }
    .form-product-item ~ br { display: none !important; }
    .form-payment-total { clear: both !important; display: block !important; }

    How to have products displayed in two columns in the Purchase Order tool? Image 2 Screenshot 41

    Here is a cloned version of your form with that code already applied:

    https://secure.jotformpro.com/52805514386963

    Please let us know if you need further assistance, and we will be happy to help.

  • agrilady
    Replied on October 9, 2015 at 11:45 AM
    Hi, Thanks for the reply, the changes work well.Another question: How can I change  the fields in this page http://submit.jotformeu.com/server.php?action=getSubmissionPDF&sid20109603353111948&formIDQ583970797371I would like to delete the word AMOUNT parentheses and other It' s possible ?Thanks
    ...
  • Welvin Support Team Lead
    Replied on October 9, 2015 at 2:15 PM

    Unfortunately, it's not possible to remove the product text in the PDF file. You will have to use Adobe Acrobat Tool to edit the texts or any similar software/program that can edit a PDF file.

    Thanks