Css code for check box

  • luxbusoz
    Asked on November 27, 2021 at 6: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

    Jotform Thread 3546151 Screenshot
  • Christian JotForm Support
    Replied on November 27, 2021 at 7:21 PM

    Hi,

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

    Regards,


  • Christian JotForm Support
    Replied on November 27, 2021 at 8: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 10

    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 21

    Related guides:

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

    Regards,

  • luxbusoz
    Replied on November 27, 2021 at 8:45 PM

    That works


    Thanks

  • luxbusoz
    Replied on November 27, 2021 at 10:00 PM

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


  • Saeed Support Team Lead
    Replied on November 27, 2021 at 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!