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 can I increase the field size for text on 'other' when using radio buttons. I want the participant to see what text they have entered

    Asked by blakefam on March 11, 2014 at 07:11 AM

     

     

    At present the field for 'other' only shows about 15 characters. How can I increse this so that maybe 50 characters can be added by the participant and they can see what they are typing.

     

    thanks

    Page URL:
    http://form.jotform.co/form/40592546505860?

    Screenshot
    radio buttons size thanks and
  • Profile Image

    Answered by pinoytech on March 11, 2014 at 09:51 AM

    Hi,

    You can increase that by injecting custom css in your form. Below is the code you need.

    .form-radio-other-input, .form-checkbox-other-input {

    width: 180px !important;

    }

    Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    You can check this clone form: http://www.jotformpro.com/form/40693780423962

    If you need further assistance, please do let us know.

  • Profile Image

    Answered by blakefam on March 11, 2014 at 05:07 PM

    I am new to CSS but with your great advice, happy to give it a go - many thanks

     

    Done! worked a treat. Now I am working on increasing the field size for #first and #last names.

  • Profile Image
    JotForm Support

    Answered by EltonCris on March 11, 2014 at 07:23 PM

    Hi,

    For that form, use these CSS codes for the first and last name.

    #first_15 {

    width: 200px !important;

    }

    #last_15 {

    width: 240px !important;

    }

    Just change the px values to your preference.

    Let us know if you need anything else. Regards!

  • Profile Image

    Answered by blakefam on March 11, 2014 at 07:55 PM

    Magic support - perfect all round. :-)

  • Profile Image

    Answered by blakefam on March 11, 2014 at 08:00 PM
    Amazing support - many other web services could learn from your support
    model.
    Thank you so much
    Bill
    ...
  • Profile Image
    JotForm Support

    Answered by EltonCris on March 11, 2014 at 08:01 PM

    You're welcome Bill. Cheers! =)