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 remove the number indicator on Ticket purchases widget?

    Asked by grade4pagasa on August 11, 2016 at 01:39 PM
    2.) And how to remove the numeric indicator (1) but still make the word "available" visible if the widget is made to behave like a radio button? 
    ticket purchases
  • Profile Image
    JotForm Support

    Answered by Kiran on August 11, 2016 at 01:59 PM

    You may inject the following CSS code to the Custom CSS code of the widget.

    .items-left {

        visibility: hidden;

        position: relative;

    }

    .items-left:after {

        visibility: visible;

        position: absolute;

        top: 0;

        left: 0;

        float: right;

        content: "Available";

    }

    This should be replacing the text displayed with the content mentioned in the code.

    Hope this information helps! 

  • Profile Image

    Answered by grade4pagasa on August 11, 2016 at 02:14 PM

    Much appreciated, Kiran !

  • Profile Image

    Answered by grade4pagasa on August 11, 2016 at 02:28 PM

    I spoke too soon :(

    Hi Kiran. 

    The css code created an unfavorable outcome - the status of all the tickets, even the 0 items - are still "Available". Here's the test form.

    How can I remedy this? 

    Thanks. 

  • Profile Image
    JotForm Support

    Answered by Kiran on August 11, 2016 at 02:46 PM

    Ah! Yes. I am sorry for that. Since I worked on a new cloned form it has all the items available and worked on it only. Please change the injected CSS code with the below code:

    .text-muted .items-left {

        visibility: hidden;

        position: relative;

    }

    .text-muted .items-left:after {

        visibility: visible;

        position: absolute;

        top: 0;

        left: 0;

        float: right;

        content: "None";

    }

    .items-left {

        visibility: hidden;

        position: relative;

    }

    .items-left:after {

        visibility: visible;

        position: absolute;

        top: 0;

        left: 0;

        float: right;

        content: "Available";

    }

    This should be displaying the unavailable items with the text None.

    Hope this information helps! 

  • Profile Image

    Answered by grade4pagasa on August 11, 2016 at 03:02 PM

    Thank you !