How to increase the width of the 'textbox' for the Other option in Radio buttons?

  • Benflips
    Asked on July 6, 2016 at 10:36 PM
    I've begun using the 'Other' option for various radio buttons. Can you show me how to expand the 'textbox' component so it can show more of the sample text I have put in there?
  • jonathan
    Replied on July 6, 2016 at 10:54 PM

    Please check this screencast video for guidance:

    How to increase the width of the textbox for the Other option in Radio buttons? Image 1 Screenshot 20

     

    So you can apply the CSS code below on the .form-radio-other  class so that it will affect all of the same type of textbox input.

     

    .form-radio-other-input.form-textbox {

        width : 250px !important;

    }

    If you want to do it on indvidual textbox, you need to double click on that specific textbox when using the CSS editor (as I showed initially on the video guide)

    Let us know if you need further help.

  • Benflips
    Replied on July 8, 2016 at 11:46 PM
    Not sure what I'm doing wrong. I've watched your vid, entered the code, and
    nothing changes - i don't see a width change as you have done in the
    video...
    ...
  • liyam
    Replied on July 9, 2016 at 9:28 AM

    Hello Benflips,

    I believe the change made happened to the specific ID only and not to a certain class. In this case, it only happened to just one element.

    Can you try doing this while on the Form Designer:

    1) Click CSS tab

    2) Click the Other field in your form

    3) click width

    How to increase the width of the textbox for the Other option in Radio buttons? Image 1 Screenshot 20

    After which, you can enter your preferred width value.

    Thanks.