How to draw a line through a sold out product in the payment field?

  • pamg
    Asked on August 8, 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

  • Chriistian Jotform Support
    Replied on August 9, 2016 at 1: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.

    How to draw a line through a sold out product in the payment field? Image 1 Screenshot 40

    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:

    How to draw a line through a sold out product in the payment field? Image 2 Screenshot 51

    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";

     

    }

    How to draw a line through a sold out product in the payment field? Image 3 Screenshot 62

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