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

  • Profile Image
    blakefam
    Asked 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

  • Profile Image
    pinoytech
    Answered 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
    blakefam
    Answered 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
    EltonCris
    Answered 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
    blakefam
    Answered on March 11, 2014 at 07:55 PM

    Magic support - perfect all round. :-)

  • Profile Image
    blakefam
    Answered 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
    EltonCris
    Answered on March 11, 2014 at 08:01 PM

    You're welcome Bill. Cheers! =)