How to draw a line through a part of an option field?

  • Kgr0up
    Asked on August 24, 2017 at 2:14 AM

    I have an option field, and would like to cross out just a part of the option like this:

     

    $479 - $399* tiempo limitado - Entrada General (4 días)

     

    Can this be done? this is because regular prices is $479 but there is a discount...

    thanks

  • Support_Management Jotform Support
    Replied on August 24, 2017 at 3:33 AM

    I'm confused with what you're trying to achieve. When you said "cross out" did you mean a strikethrough effect like this:

    Strikethrough

    If so, can you share with us your Form ID/URL, along with the exact text that you're hoping to cross out? This can be done with CSS but we need to check the actual form first to see if the exact text can be selected using CSS selectors.

  • Kgr0up
    Replied on August 24, 2017 at 2:47 PM

    thankyou  my form is https://form.jotformpro.com/72351350208952

    I want to cross our like you say just one part of the option in field "boleto"

    $479 - $399* tiempo limitado - Entrada General (4 días)

    sorry, didn´t see the text en my previous note didn´t stay cross out.

  • jonathan
    Replied on August 24, 2017 at 4:17 PM

    You can achieve this in the Dropdown list if you will use the source code embed of the form and alter directly some line of code in the html source.

    The CSS pseudo elements can only work for elements that have child nodes. If you go via CSS codes, it will be applied to all the option label and not partially as to what you described.

    Example:

    How to draw a line through a part of an option field? Image 1 Screenshot 30

     

    If ok with you to use a different field type (that have child node element) like the Radio option, you can achieve this and apply CSS pseudo element code on the label of the element.

    Example:

     

    label#label_input_38_1:before {

        content: '$479-';

        text-decoration: line-through;

    }

    How to draw a line through a part of an option field? Image 2 Screenshot 41

     

    You can check my test form https://form.jotformpro.com/72355892611965

     

    Let us know if you need further assistance.