Increasing the padding between the radio buttons of the Configurable List widget

  • Lee Ann Dumas
    Asked on September 13, 2016 at 4:00 PM

    Could you help me on the CSS coding? There needs to be some padding between the radio buttons.

    https://www.jotform.com//?formID=62555910597970

  • Jan
    Replied on September 13, 2016 at 4:55 PM

    Sure. I cloned your form and I found out that you just need to set the min-width to 50px of the checkbox/radio selector inside the widget. Here's a guide:

    1. Select the Configurable List widget and then click the wand icon.

    Increasing the padding between the radio buttons of the Configurable List widget Image 1 Screenshot 40

    2. Go to the "Custom CSS" tab and then change the min-width to 50px.

    Increasing the padding between the radio buttons of the Configurable List widget Image 2 Screenshot 51

    3. When you're done, click the "Update Widget" button.

    Here's the result:

    Increasing the padding between the radio buttons of the Configurable List widget Image 3 Screenshot 62

    Hope that helps. Thank you.