How can I widen "other" field in checkboxes and radio options

  • YoungYogaMasters
    Asked on January 23, 2018 at 6:32 PM

    Hi,

    I would like to make the other field for both checkboxes and radio options wider because it does not fit the prompts I want to add as grayed out default text in those options.

    How can I do this?

    Thanks

  • John_Benson
    Replied on January 23, 2018 at 7:45 PM

    We can provide you a custom CSS code to increase the width of the checkbox and radio options. Please provide the form link so we can check it.

    We'll wait for your reply. Thank you.

  • YoungYogaMasters
    Replied on January 24, 2018 at 1:05 PM
  • John_Benson
    Replied on January 24, 2018 at 1:42 PM

    Thank you for providing the form link.

    To adjust the width of the Option in the Radio/Checkbox field, please inject this custom CSS code:

    input#input_45 {

        width: 250px !important;

    }

    input#input_44 {

        width: 250px !important;

    }

    You can change the number of the width to your own preferences. 

    You can inject the custom CSS code in the Form Designer page or you can also follow this guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Here's the result of my test:

    151681936312xcsw Screenshot 10

    Give it a try and if you have questions, please let us know.

  • YoungYogaMasters
    Replied on January 24, 2018 at 2:22 PM

    That worked!

    Thanks