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 do I show a text box that allows users to submit an "other" comment?

    Asked by rahulusfbcm on June 19, 2012 at 03:45 PM

    Here is the form under newsletter http://www.engage24.org

    When a user clicks "other" I want to a text box to appear for the user to enter their "other" suggestion. How do I do this?

    Page URL:
    http://www.engage24.org

    other option check box checkbox
  • Profile Image
    JotForm Support

    Answered by abajan on June 19, 2012 at 04:37 PM

    Having a button in the form builder's toolbar to create an "Other" option for check boxes (as can currently be done with radio buttons) has been a much requested feature but our developers are still working on it. However, there are workarounds. Please see this thread for details.

  • Profile Image
    JotForm Support

    Answered by abajan on June 19, 2012 at 04:40 PM

    Oh, my apologies. I just realized that you already knew about that. Did you want to know how to better position the text box that's shown when "other" is selected?

  • Profile Image

    Answered by rahulusfbcm on June 19, 2012 at 05:28 PM

    Yes! That would be great, I figured out about the conditional statements. But how do I position the box, it jumps to the other side of the form!

  • Profile Image

    Answered by pinoytech on June 19, 2012 at 06:05 PM

     

    Hi,

    You can use this custom CSS and inject it into your form.

    #id_8.form-line.form-line-column {
    padding-left: 330px !important;
    margin-top: -30px !important;
    }

    This is how it looks like when you use that custom css:

    Hope you find this helpful and if you need further assistance, feel free to contact us again anytime.
    Thank you!
  • Profile Image

    Answered by jeanettebmz on June 19, 2012 at 06:07 PM

    Hi

    I think you would need to inject custom CSS to accomplish

    Here you have my attempt

    And this is the code I have injected for it

    #id_8.form-line{padding: 0px 0px 10px 470px;}

     

    Feel free to clone it if you will

    Cheers!

    Jeanette

  • Profile Image
    JotForm Support

    Answered by abajan on June 19, 2012 at 11:59 PM

    Well, here's my clone. Unfortunately, the results are not consistent across all browsers. After extensively testing the form both locally and at BrowserStack, I discovered that its elements are not displayed correctly in IE6, IE7, iPhone and some others. Thankfully, not that many people use IE6 and IE7, and the iPhone issue can probably be corrected by injecting a special CSS rule and embedding the form's full source into your web page, as discussed in my third reply in this thread.

  • Profile Image
    JotForm Support

    Answered by abajan on June 20, 2012 at 07:31 AM

    The display issues in IE6 and IE7 can probably be overcome by applying hasLayout as explained at the links below, but I'll need to investigate further because it's not a technique that I'm very familiar with:

    The Internet Explorer hasLayout Property
    On having layout - the concept of hasLayout in IE/Win