Clarifying text under question

  • CMRI
    Asked on February 18, 2019 at 11:15 PM

    Hi, 

    Am I able to set out my questions with 'clarifying text' below? e.g. "Select all that apply".

    For example:

    1550549585Question with clarifying text Screenshot 10

    Thanks!

    Jotform Thread 1736703 Screenshot
  • jherwin
    Replied on February 19, 2019 at 12:51 AM

    Yes, that is possible. Add a text field to your form and then place it under your question title using custom CSS code.

    Here's my demo form: https://form.jotform.com/90491171204954.

    Please add two text fields or you can clone my form to find out how it was done. Then you can get your field ID of the text field by inspecting the form in your browser.

    Guide: 

    How to Clone an Existing Form from a URL

    How to Inject Custom CSS Codes

  • CMRI
    Replied on February 19, 2019 at 2:07 AM

    Thank you! That's what I was looking for!

    Is there CSS code that can add more space between "Select all that apply" and the first option for the question? So it doesn't feel as crowded?

  • CMRI
    Replied on February 19, 2019 at 2:13 AM

    Actually, I can't get that to work. When I import the URL, the txt fields don't overlay the text like they do in yours.


    See screenshot below 

    https://www.jotform.com/build/904910437748631550560415Screenshot Screenshot 10

  • Mike_G JotForm Support
    Replied on February 19, 2019 at 3:14 AM

    The clone of the form where my colleague applied the changes he explained that is in your account looks like this on my end (Please see the screenshot below)

    http://www.jotform.co/form/90491043774863

    1550563243t02 59 52 Screenshot 10

    It may not look that it is working when on the builder page, but it will be when the form is previewed/loaded.

    Another solution that you can do is to inject the custom CSS codes below to your form (without adding a "Text" field that will show "Select all that apply").

    #label_7:after {

        content: "Select all that apply";

        display: inherit !important;

        font-weight: normal;

    }

    1550563981t03 11 10 Screenshot 21


    I hope this helps. If you have other questions or concerns, please do not hesitate to let us know.

  • CMRI
    Replied on February 20, 2019 at 7:22 PM

    Thank you!