What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Help needed with CSS for radio buttons in Configurable List widget

    Asked by shetani on September 12, 2016 at 01:02 PM

    Hello,

    Could you please help me with CSS for the configurable list widget on this form: https://form.jotformeu.com/61256542390353, first page, question "Add to GVL Directory?".

    I have added a "Sample Radio Button Design" immediately below it which shows exactly what I'd like to achieve:

    1. Yes and No in same row, spread in two columns

    2. Wider radius of the radio buttons, and changed colors

    I have some basic CSS knowledge, but unfortunately I can't even find the appropriate classes for these buttons....

    Thank you!

    Cheers,
    Ines

     

    Page URL:
    https://form.jotformeu.com/61256542390353

    radio buttons configurable list list widget configurable
  • Profile Image
    JotForm Support

    Answered by BJoanna on September 12, 2016 at 02:48 PM

    To position Yes and No options in the same row add this CSS code to Configurable list Custom CSS field:

    .checkbox, .radio {

        width: 60px!important;

        float: left;

    }

    I did not understood your second question. Can you please explain in more details what you are trying to achieve? 

    Looking forward to your reply.

  • Profile Image

    Answered by shetani on September 12, 2016 at 02:54 PM

    Thank you so much Joanna, I will try it out in a bit.

    Regarding the second question, I would like to change the design of the radio buttons to look the same as in the screenshot here.

  • Profile Image
    JotForm Support

    Answered by BJoanna on September 12, 2016 at 04:36 PM

    I have tried to change style of radio buttons inside of configurable list widget, but I was not able to do it. 

    I have then checked with my colleagues and they said that this is not possible.

     

    If there is anything else that we can do for you, please let us know.

  • Profile Image

    Answered by shetani on September 12, 2016 at 06:27 PM

    That's a shame.

    But thank you very much for checking!

    Cheers,
    Ines