How to show SOLD OUT instead of "None Left" using the Inventory Widget

  • Profile Image
    Asked on December 07, 2014 at 06:03 AM
    How do I display ticket as SOLD OUT.
    I tried putting 0 Quantitu but yet it still display "1 LEFT"


  • Profile Image
    Answered on December 07, 2014 at 07:33 AM


    You can achieve that by injecting custom CSS code into the Inventory Widget.

    Try this CSS code


    label.line-through:after{content:"   SOLD OUT";}

    like this


    here is a demo jotform you can test.

    If the quantity is exhausted, it should have a different 'text label' like the screenshot below



    Hope this help. Inform us if you need further assistance.








  • Profile Image
    Answered on December 07, 2014 at 07:55 AM


    I have input the code as instructed,  But it still appear as 1.
    Did I missed anything?

    Question 2
    How can I add a text message underneath the field box as "More info"
  • Profile Image
    Answered on December 07, 2014 at 09:25 AM


    For the widget to work, the inventory widget has a default value of 1, even if you have specified in the quantity a value of 0. The initial action of the widget is to have at least one submission in our database so that it can based the availability of that item. In short, if it shows '1', you just need to make a test submission.

    Here's mine.

    1. I added the "Inventory" widget with a quantity of "0" and the custom CSS code shared by my colleague above.


    3. Upon viewing the Form URL, you will see that even quantity is set to "0", because the widget did not receive any previous submission, it does not have any basis for counts. We then need to make a test submission to fill out that "1" quantity.

    4. This is how it should looked like.


    I hope it helps. Let us know if you need further information on this.

    For the other question you have, I've made a separate thread so that we can focus on one topic per forum post, please refer to this link for that update:


    Thank you.