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 to add clickable link in sub-label?

    Asked by EloineChap on June 23, 2016 at 02:58 PM

    Hello, I need to recreate this google form as it is hopefully in jotform however I don't know how to add the subtext with an mailto and a hyperlink under the question like they have it where you can email your course outline and look up course description. 

    See example of the I am emulating here here 

    http://www.dvc.edu/future/careerpathways/hs-articulation/form-request.html

    What I tried to emulate it all I get is teeny font that it barely readable under the description box and the link the student would have to copy and paste as well as the email if they even see it under the description. It needs to be grouped together with the question for legibility. 

    Here is my attempt in jotform

    https://form.jotform.com/61746181042956

     

    Help!

    a JotForm font www hello
  • Profile Image
    JotForm Support

    Answered by ashwin_d on June 23, 2016 at 03:30 PM

    Hello,

    You need to add the complete hyperlink code and the sub label will display clickable link. Here is the hyperlink code:

    ALSO, please email your course outline to: <a target="_blank" href="mailto:kgreen@losmedanos.edu">kgreen@losmedanos.edu</a>

    Please check the screenshot below:

     

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!

  • Profile Image

    Answered by EloineChap on June 23, 2016 at 03:47 PM

    Thank you, that partly answers my question. How do I format it so that it's accessible? As it is now the font is too small for our disabled student population and the light gray type on a white background makes it even harder to read. It addition I want it close to the question like it is on the google form so that they are less likely to miss the instructions?

  • Profile Image
    JotForm Support

    Answered by ashwin_d on June 23, 2016 at 04:09 PM

    Hello EloineChap,

    Please note that you can inject custom css code to change the font and background color as per your requirement.

    If you want to display the sub label just below the field label as it is displayed in the google form, we can add a separate text field and inject custom css code to place it in desired location. Let me create a demo form for you and share it with you. 

    Thank you!

  • Profile Image

    Answered by EloineChap on June 23, 2016 at 09:41 PM

    That would be awesome if you could! I really didn't want to use google forms but I know this is something they will want.

  • Profile Image
    JotForm Support

    Answered by Chriistian on June 23, 2016 at 10:00 PM

    Please inject the custom css below to place the sub-label to the top of the text area and make them more readable for your students.

    #cid_6 .form-sub-label, #cid_25 .form-sub-label {

        margin-top: -120px;

        margin-bottom: 100px;

        color: #111111;

        font-size: 12px

    }

    #label_6, #label_25  {

        padding-bottom: 10px;

    }

    If you like, you can also clone the form and use this one instead: https://form.jotform.com/61748029937972.