What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

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

    Asked by EMYEstetica 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"

     

    inventory widget css after content after widget css sold out change none left
  • Profile Image
    JotForm Support

    Answered by jonathan on December 07, 2014 at 07:33 AM

    Hi,

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

    Try this CSS code

    .items-left.none-left{display:none;}

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

    like this

     

    here is a demo jotform http://www.jotformpro.com/form/43402941888967 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.

    Thanks.

     

     

     

     

     

     

  • Profile Image

    Answered by EMYEstetica on December 07, 2014 at 07:55 AM

    Thanks.

    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
    JotForm Support

    Answered by Charlie on December 07, 2014 at 09:25 AM

    Hi,

    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.

    2.

    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: http://www.jotform.com/answers/470768

     

    Thank you.