Purchase Order - Price not needed all the time

  • Profile Image
    guelphlittletheatre
    Asked on June 30, 2011 at 01:55 AM

    Is there a way to specify no price? I have found that the Purchase Order is useful for other purposes where a price is not needed/wanted. If not please add this to your feature request list. In the mean time I'll have to build what I want with the individual components.

  • Profile Image
    liyam
    Answered on July 01, 2011 at 06:20 AM

    Hello guelphlittletheatre,

    If I may clarify, are you referring about the show total on the payment tool form? or is the price of the product just beside the label?  

    We can hide the price of the product by using CSS injection.  You can tell us the details that you wish to be hidden and perhaps, one of us will be able to help you how to hide the price that you wish to be hidden.

    We'll wait for your response.

    Thanks,

    Liyam

  • Profile Image
    guelphlittletheatre
    Answered on July 01, 2011 at 11:56 PM

    Yes I'm referring to the price of the individual items that shows up beside the label. Yes please post the CSS Injection to deal with this. Thanks......

  • Profile Image
    liyam
    Answered on July 02, 2011 at 12:30 AM

    Hello,

    First thing you need to do is find the labels in the source code.  In your form I was able to identify the following:

    <label for="input_29_1006">
     Subscription Series Tickets
        <span class="form-product-details"><b><span id="">50.00</span></b></span>
     </label>


    <label for="input_29_1001">
     Frozen Dreams
        <span class="form-product-details">
          <b><span id="">50.00</span></b></span>
     </label>

    <label for="input_29_1003">
      Picasso At The Lapin Agile
        <span class="form-product-details">
            <b><span id="">50.00</span></b>
        </span>
    </label>

    <label for="input_29_1004">
        The Glass Menagerie
           <span class="form-product-details"><b><span id="">50.00</span></b></span>
     </label>

    <label for="input_29_1005">
         The Laramie Project
            <span class="form-product-details"><b><span id="">50.00</span></b></span>
     </label>

     

    Now we can create the CSS to hide these prices:

    1.) To hide the price for Subscription Series Tickets

    label[for=input_29_1006] span {
    display: none;
    }

    2.) To hide the price for Frozen Dreams

     

    label[for=input_29_1001] span {
    display: none;
    }

    3.) To hide the price for Picasso At The Lapin Agile

    label[for=input_29_1003] span {
    display: none;
    }

    4.) To hide the price for The Glass Menagerie

    label[for=input_29_1004] span {
    display: none;
    }

    5.) To hide the price for The Laramie Project

    label[for=input_29_1005] span {
    display: none;
    }

     

    If you need to know how to inject CSS here in Jotform:

    1.Edit your form and click Preferences.

    2. A pop-up will show up, go to Form Styles tab, at the bottom is the Inject Custom CSS field.

    3. Click the "Click to Edit" part beside the Inject Custom CSS and paste the CSS there.

    Let me know if you need further assistance on this matter.

    Thanks,

    Liyam

  • Profile Image
    guelphlittletheatre
    Answered on July 02, 2011 at 10:47 AM

    This has done exactly what I was looking for. Good solution.

     

    However, in my case I also realized that I want all options (i.e. the products in a purchase order) chosen and a date selected. I think I am asking too much from the purchase order so I have split this into the components (i.e. a PO for the subscription tickets and pulldowns for the show dates...all required fields) and it works much better.

     

    This was a very useful exercise though. I learned a lot that I may be able to use in the future. Thank you