Have links in text box work like checkbox.

  • Profile Image
    AgilityAssoc.Canada
    Asked on September 11, 2017 at 01:11 PM

    Hi,

    On my form 63423134202946 I have two checkbox areas to select option for second size of shirt type.

    I want to eliminate these and use links in a text box to select these options instead. 

    These checkbox options display hidden fields when selected. Can I have the links in the text box do the same?

    The TXP textbox link has the following code:

    <a id="TPX" style="color: #dd0000; text-decoration: none;" title="TPX" target="_blank" href="TPX" name="TPX">TXP</a>

    Here is the conditional logic. 

     

     

    None of this works

    What would you suggest I do? Is this possible?

    Thank you, Regards, Robert

  • Profile Image
    BJoanna
    Answered on September 11, 2017 at 02:04 PM

    I am not exactly sure if I understood your request correctly. Do you want to replace the check box field with the text box (Short Entry) fields? Or do you want to use a Text field? 

    For security reasons, it is no longer possible to add HTML code to the field labels. 

    You can use the Text field, but it is not possible to set a condition based on the text field. 

    If you just want to hide the check boxes and leave the text, you can do it the the CSS. 

    label#label_input_293_0::before {

        display : none!important;

    }

    label#label_input_293_1::before {

        display : none!important;

    }

    label#label_input_293_2::before {

        display : none!important;

    label#label_input_293_0::after {

        display : none!important;

    }

    label#label_input_293_1::after {

        display : none!important;

    }

    label#label_input_293_2::after {

        display : none!important;

     

    }

    How to Inject Custom CSS Codes

    The users will still be able to click on the options. 

    Here is my demo form: https://form.jotformpro.com/72535557966976 

    If I did not understand your question correctly, please explain in more details what are you trying to achieve.

  • Profile Image
    AgilityAssoc.Canada
    Answered on September 11, 2017 at 02:33 PM

    Hi,

    I like your fix, is it possible to change the color of a selected item,

    Example: TXP-1 (not selected) TXP-1 (selected)

    Thank you,

    Robert

  • Profile Image
    Welvin
    Answered on September 11, 2017 at 03:27 PM

    You can inject the following custom CSS codes to style the color of the checkbox items, selected or not:

    #id_293 input[type="checkbox"] + label {

        color: #d81107;

    }

    #id_293 input[type="checkbox"]:checked + label {

        color: #0064f0;

    }

    Note that this is only for the first checkbox item. If you want to apply this code to other check boxes, simply change the #id_239.

     

     

  • Profile Image
    AgilityAssoc.Canada
    Answered on September 11, 2017 at 03:31 PM

    Hi, Thank You, I will give this a go. best Regards Robert