How to add clickable link in sub-label?

  • EloineChap
    Asked on June 23, 2016 at 2: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!

  • Ashwin JotForm Support
    Replied on June 23, 2016 at 3: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 href="mailto:kgreen@losmedanos.edu">kgreen@losmedanos.edu</a>

    Please check the screenshot below:

    How to add clickable link in sub label? Image 1 Screenshot 20

     

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!

  • EloineChap
    Replied on June 23, 2016 at 3: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?

  • Ashwin JotForm Support
    Replied on June 23, 2016 at 4: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!

  • EloineChap
    Replied on June 23, 2016 at 9: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.

  • Chriistian Jotform Support
    Replied 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.

    How to add clickable link in sub label? Image 1 Screenshot 20

  • dgn02000
    Replied on July 29, 2017 at 2:41 PM

    Links can not be added to a sub label any more. Any workaround?
  • Kiran Support Team Lead
    Replied on July 29, 2017 at 11:19 PM

    @dgn02000,

    This is an old thread, I have moved your question to a separate thread and shall be addressed there shortly.

    https://www.jotform.com/answers/1211415

    Thank you!