Radio Button Widget

  • state48theatre
    Asked on July 23, 2018 at 11:42 PM

    Hello-

    I am trying to customize a radio button widget. If you take a look at my form https://form.jotform.com/81987071065160

    If you select the today section and select any row you will see in the radio button widget that there is an empty area next to seat 10 and 20. I can't figure out how to get rid of that blank box that is there. Any assistance would be appreciated. I have messed with the CSS but can't figure it out.

    Thanks

  • Kiran Support Team Lead
    Replied on July 24, 2018 at 2:58 AM

    Please try adding the following CSS code to the custom CSS section of the widgets. 

    153241546824072018 1225417 Screenshot 10

    .list-item {

    border: 1px solid #ccc !important;

    }

    .checklist {

      border: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    }

    The widget should be displaying the checkboxes as shown below:

    153241550024072018 1226028 Screenshot 21

    Hope this information helps!