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

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

    Asked by Benflips on July 06, 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?
    other option other box width
  • Profile Image
    JotForm Support

    Answered by jonathan on July 06, 2016 at 10:54 PM

    Please check this screencast video for guidance:

     

    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.

  • Profile Image

    Answered by Benflips on July 08, 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...
    ...
  • Profile Image
    JotForm Support

    Answered by liyam on July 09, 2016 at 09: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

    After which, you can enter your preferred width value.

    Thanks.