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

    Could I put the sub label for the Text area widget right underneath the title?

    Asked by dnilp on May 15, 2014 at 10:51 PM

    Hello, you guys are awesome, really good customer service, good job,

     

    Could I put the sub-label under the title and above the text area?

     

    Hope you are having a wonderful day,

     

    Daniel

    Page URL:
    http://www.retreatdiscounter.com/online-form/

    label hello and job
  • Profile Image
    JotForm Support

    Answered by abajan on May 16, 2014 at 05:25 AM

    Absolutely Daniel! If the heading is clicked you'll see its Properties tab appear at the top of the form builder. Click the Sublabel button, enter the text, click OK and Voilà!


    Save the form and your done.

    If there's anything else with which we may assist you, do let us know.


    Cheers

  • Profile Image
    JotForm Support

    Answered by abajan on May 16, 2014 at 05:28 AM

    Oops! I mean click the Sub Heading button, not sublabel.

    Anyway, you have a wonderful day too :)

    (And thanks for your compliments.)

  • Profile Image
    JotForm Support

    Answered by abajan on May 16, 2014 at 05:40 AM

    Hang on! I think I misunderstood what you meant. As the title clearly states, you want to move the sub label for the text area widget (field) under its title (main label). Yes, I'm pretty sure that can be done via injected CSS. Let me try something and get back to you.

  • Profile Image
    JotForm Support

    Answered by abajan on May 16, 2014 at 06:39 AM

    Hi again,

    Please have a look at the Highlights of your retreat text area in this clone of your form. To achieve that, the following rules were added to the injected CSS:

    #label_22 {
    margin-bottom: 25px;
    }

    .form-sub-label[for="input_22"] {
    position: absolute;
    top: 27px;
    }

    If that's what you meant and you want the same formatting applied to the other text areas which have hover text hints, add the above rules for each and substitute the appropriate number of the ID. For instance, let's say you wanted to do the same thing to the Short Description (250-500 Words) text area. Since the ID for that field is input_45 (see How to find Field IDs & Names), you would add the following rules:

    #label_45 {
    margin-bottom: 25px;
    }

    .form-sub-label[for="input_45"] {
    position: absolute;
    top: 27px;
    }


    Of course, you would first have to add the sub label (and remove the now unnecessary hover text).


    If you need further assistance with this, we'd be happy to help.