Css code for check box

  • luxbusoz
    Answered on November 27, 2021 06:55 PM

    I have check boxes I want to tick the fist check box by default tick and if one of the other check boxes is ticked then the first box clears can you provide sample css code so I can achieve this please

  • Christian JotForm Support
    Answered on November 27, 2021 07:21 PM

    Hi,

    I am reviewing your form and will get back to you momentarily. Thank you!

    Regards,


  • Christian JotForm Support
    Answered on November 27, 2021 08:15 PM

    Hi again,

    May we recommend using Single Choice element instead of Checklist widget. With the Single Choice element, you can set a preselected option, which will automatically be cleared if the enduser chooses a different option. Please see the video below

    Selected by Default will allow you to set a preselected option.

    1638061529 61a2d5d9447fe  Screenshot 0

    Then, if you need to, you can use the CSS in the AdvancedDesigner to add borders and/or change the way the Single Choice form element looks.

    You may also refer to the answer of my colleague from this thread for the CSS codes.

    1638061804 61a2d6ec68ea3 single2 Screenshot 1

    Related guides:

    Hope this helps. Let us know if you require further assistance, thank you!

    Regards,

  • luxbusoz
    Answered on November 27, 2021 08:45 PM

    That works


    Thanks

  • luxbusoz
    Answered on November 27, 2021 10:00 PM

    Is there a way to insert data from another form eg Sub FORM or referencing another from or table


  • Saeed JotForm Support
    Answered on November 27, 2021 10:41 PM

    Hi,

    I have moved your second question to a new thread so that we can address it separately. You will be answered in the following thread: https://www.jotform.com/answers/3546295

    Thank you!