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

  • Profile Image
    YoungYogaMasters
    Asked on January 23, 2018 at 06: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

  • Profile Image
    John_Benson
    Answered on January 23, 2018 at 07: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.

  • Profile Image
    YoungYogaMasters
    Answered on January 24, 2018 at 01:05 PM
  • Profile Image
    John_Benson
    Answered on January 24, 2018 at 01: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.png

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

  • Profile Image
    YoungYogaMasters
    Answered on January 24, 2018 at 02:22 PM

    That worked!

    Thanks