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

    Adding an editable text option to check-boxes

    Asked by dabble on March 24, 2014 at 05:29 PM

    I have, successfully, been able to apply the recommendations posted here (http://www.jotform.com/answers/50683-Formatting-the-other-button-in-radio-button-) to add an "Other" radio box option.  So, thanks for that.

     

    What I need to know is two-fold?

    a) how many characters with this field accept?

    b) can I expand the width of the box to accommodate a larger value than "Other"?  Such as, "Your project name."

     

    UPDATE:  So the code used to add an "Other" radio box doesn't stick.  After a few hours it is has been altered and fails to work.

     

    Thus, this :   {open bracket}input type="text" value="Other(s)"{close bracket}{open bracket}/input{close bracket} becomes  input type="text" value="Other(s)" /{close bracket}  and then that is what I see in the form, instead of an Other text field.

    (angle brackets have been repleced with {bracket} above deliberately)

    The first time this happened I thought it was me, but this time I know it is on the JotForm side.

    Help is appreciated.

    thanks

    dave

    Page URL:
    http://form.jotform.us/form/40795352761157?

    JotForm name expand www
  • Profile Image
    JotForm Support

    Answered by TitusN on March 24, 2014 at 07:36 PM

    Hello Dave,

    That workaround may not work anymore because scripts and HTML attributes are not allowed through the form builder for security reasons.

    But an inbuilt feature has been implemented since, and will allow you to add the text that you wish to guide the user what to put in - just follow the directions on the illustrations to activate the feature:

    Then:

    I believe this answers question a and b.

    Did that help? Let us know.

  • Profile Image

    Answered by dabble on March 25, 2014 at 07:10 PM
    This is excellent, TitusN. Just what I needed. Silly I didn't see it.
    Do you know if there is a way to make that text field wider to accommodate
    short phrases in place of the term "Other"?
    ...
  • Profile Image
    JotForm Support

    Answered by TitusN on March 25, 2014 at 07:13 PM

    :-)

    Yes - Just edit the field properties and change the placeholder text to your desired phrase as shown below - it should wrap the text and increase in width:

    If the field is still too small - let us know - we shall offer some CSs code for you to inject your form with to correct that.

    Let us know.

  • Profile Image

    Answered by dpajevic on April 29, 2014 at 11:56 AM

    Hello TitusN,

    Can you share the CSS code that I can use to make the Other field wider to accomodate more text?

    Thank you,

    BoulderPoet

     

  • Profile Image

    Answered by EliezerN on April 29, 2014 at 01:48 PM

    @dpajevic

    To change the width of the "other" field of radio or checkbox fields inject this CSS code to your form:

    .form-checkbox-other-input
    {
    width:200px !important;
    }

    You can change the width 200px according to your needs.

    Here is how to inject CSS codes to forms: How to inject custom CSS codes

    Thanks

  • Profile Image

    Answered by dpajevic on May 02, 2014 at 06:41 PM
    Thanks!
    ...
  • Profile Image

    Answered by shineinternet on August 28, 2014 at 08:33 AM

    I have just asked a similar question. How can I make it deeper, say 5 rows?
  • Profile Image

    Answered by abctvmp on November 06, 2016 at 07:00 PM

    Awesome, thanks this answered my question too!