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 draw a line through a sold out product in the payment field?

    Asked by pamg on August 08, 2016 at 10:06 PM

    one of the workshops on my form is sold out.  I would either like to draw a line through that workshop or write sold out by it.  How do I do that>

     

    Pam Givens

    CMA Summit Registration form

    the form registration form OR sold out how
  • Profile Image
    JotForm Support

    Answered by Chriistian on August 09, 2016 at 01:48 AM

    To draw a line through one of your workshops on the payment field, we will need to inject custom css code. But first, you will need to identify the ID of the workshop. Here's how: How to find field IDs and names

    The ID of the workshops should look like the image below. To get the ID of the specific workshop, simply count the ids from the Top (left to right). So for example you want to cross out the 7th workshop (Workshop- Marian Shapiro, Oct. 6&7 $340.00) then counting from the top, the 7th workshop's ID should be #input_8_1008.

    Now that we have the ID, all you need to do is replace the yellow highlighted text below with the ID of the workshop you want to cross out. Make sure not to include the hash sign # when you paste it to the code below.

    Finally, we will inject the custom CSS code to your form. Here's How to Inject Custom CSS Codes.

    label[for="input_8_1008"] {

        text-decoration: line-through;

    }

    Here's how it should look once you inject the code:

    You can also inject the custom code below if you want to add a "SOLD OUT" text on that product.

    label[for="input_8_1008"]:before {

         content: "SOLD OUT";

     

    }

    If you need further assistance, please let us know.
    Regards.