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 create a text area for me to write in? Much like a header but with the ability to write more than 2 lines?

    Asked by Suprawill1 on April 01, 2012 at 11:48 PM

    I don't have a url that has this because I can't create it so I used a "Free Text html" to simulate what I want. It is included in the screenshot. The area is located between the header "Song Length And Pricing" and the radio button.

     

    Thanks

    Will

    Screenshot
  • Profile Image

    Answered by gori-mathew on April 02, 2012 at 02:21 AM

    Hi;

    This can be done by injecting CSS code setting the increase of space within the header title. I have some guides on previously answered question on the same for your review;

    http://www.jotform.com/help/62-How-can-I-change-spacing-between-questions

    http://www.jotform.com/answers/83545-Would-it-be-possible-to-customize-the-form-i-e-adjust-blank-space-between-each-form-tools

    http://www.jotform.com/answers/50859-Spacing-Issues

    http://www.jotform.com/answers/26928-Question-about-Free-Text-HTML-spacing

    Hope you will find this information helpful, should you have any question please contact us.

  • Profile Image

    Answered by Suprawill1 on April 02, 2012 at 04:15 AM

    Hello Gori-Mathew,

    Thank you for your answer! 

    It seems the info links you gave me are geared more to spacing between fields. In my case, I don't need spacing, I need an area to write text in to describe a particular upcoming section. The only tool that seems applicable is the "header" tool but that allows only 2 lines. As you can see from the screenshot, I need more available lines to write the description.

    Thanks again for more input!

    Will   

  • Profile Image
    JotForm Support

    Answered by idarktech on April 02, 2012 at 05:35 AM

    Hi Will,

    You can actually use 'Free Text HTML' tool for that and apply some basic HTML codes to have it look like header styles. Here's a sample code that you may use:

     

    <h2 class="form-header">Your Title</h2>

    <div class="form-subHeader">

    Description1<br />

    Description2<br />

    Description3<br />

    Description4<br />

    </div>

    Copy and paste that on the 'HTML' box. Please check this screen.

    Preview: http://www.jotform.me/form/20922204137443?

    Hope this helps. Let us know if you have further questions or if I have missed something. Thanks.

  • Profile Image

    Answered by Suprawill1 on April 02, 2012 at 06:09 PM

    Hi Idarktech,

     I originally used the "Free Text HTML" box to accomplish what I wanted and all of them come up blank. They show the text in the edit mode but come up blank in the previews. Do they have to have a code in them to work? I tried using the code you supplied and followed the instructions to apply it but I still get the same result. Nothing shows up in the preview or on my site. Any other thoughts?

    Thanks.

  • Profile Image
    JotForm Support

    Answered by idarktech on April 02, 2012 at 06:34 PM

    Hi,

    May we know the form URL you are working on so we could also check it here? Would you mind if I would test it on your form? Thanks.

  • Profile Image

    Answered by Suprawill1 on April 02, 2012 at 06:42 PM

    This is the url of the form I am working on.

    http://www.jotform.com/?formID=20917025417146

    I don't mind if you test it on my form.

    Thanks.

  • Profile Image
    JotForm Support

    Answered by idarktech on April 02, 2012 at 06:50 PM

    I see, you've injected this css code to your form. The bolded code below is the reason why your free text html elements doesn't show on your form, simply remove that code to fix it.

    .form-html{

    visibility:hidden;

    height:70px !important;

    }

    To figure out where to find that code, please check this guide. http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Hope this helps. Thanks.

  • Profile Image

    Answered by Suprawill1 on April 02, 2012 at 08:31 PM

    Ok, I'll check for that code. I believe I injected that for a field that I wanted to create spacing with. That code was given to me by one of the techs here. Thanks again!

  • Profile Image

    Answered by Suprawill1 on April 03, 2012 at 12:56 AM

    Hi Idarktech,

      Found the code and removed it. The text is now showing up in the preview and on my site.

    Thanks again for your assistance!

     

    Regards

    Will

  • Profile Image

    Answered by on April 03, 2012 at 01:07 AM

    Pleaze help me on my ask

  • Profile Image

    Answered by JO on April 03, 2012 at 01:15 AM

    Pleaze !