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?

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

  • Profile Image
    gori-mathew
    Answered 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
    Suprawill1
    Answered 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
    idarktech
    Answered 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
    Suprawill1
    Answered 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
    idarktech
    Answered 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
    Suprawill1
    Answered 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
    idarktech
    Answered 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
    Suprawill1
    Answered 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
    Suprawill1
    Answered 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 on April 03, 2012 at 01:07 AM

    Pleaze help me on my ask

  • Profile Image
    JO
    Answered on April 03, 2012 at 01:15 AM

    Pleaze !