How to create a clickable URL on the form from a prepopulated field?

  • Profile Image
    CMHForms
    Asked on June 29, 2017 at 12:38 AM
  • Profile Image
    Chriistian
    Answered on June 29, 2017 at 01:24 AM

    To add a field that contains a URL (link) value, please see the image below:

    1. Add Short Entry Text.

    2. Click the gear icon to open the short entry text properties.

    3. Under the Advanced tab, scroll down to see Default value and apply the URL link you want to add.

    Regards.

  • Profile Image
    CMHForms
    Answered on June 29, 2017 at 01:44 AM
    It is not a hard-coded value but a value passed as a parameter to the form.
    Regards,
    Anish
    ...
  • Profile Image
    Chriistian
    Answered on June 29, 2017 at 02:35 AM

    If you mean you want to pass a value to the field using URL parameters, please take a look at this guide: Prepopulating Fields to Your JotForm via URL Parameters.

    Hope this helps.
    Regards.

  • Profile Image
    CMHForms
    Answered on June 29, 2017 at 04:43 AM
    No I do not mean that.
    See the Link field in the https://form.jotform.us/71722016784153 form.
    It is being passed as a parameter from the form
    https://form.jotform.us/71721353184150
    I need the link field to be displayed as a clickable URL. Also, the
    parameter value is not populating correctly.
    ...
  • Profile Image
    Jim_R
    Answered on June 29, 2017 at 05:46 AM

    From how I understood it, the Link Field at the bottom of this form 71722016784153 is being passed as a parameter from this form 71721353184150, correct?

    Can you give us your complete prepopulated URL so we can use it as an example?

  • Profile Image
    Jim_R
    Answered on June 29, 2017 at 05:59 AM

    BTW, here's a quick example of how I would approach this suppose I have this prepopulated URL:

    https://form.jotformpro.com/71792849178979?textbox=https%3A%2F%2Fwww.jotform.com%2F 

    1. I'll keep the Link Field Textbox as is.

    2. I'll add a Form Calculation Widget where I will generate the URL.

    Related guide: How-to-Add-a-Widget-to-your-Form 

    3. Then, I'll add a Text Field that will make it clickable.

  • Profile Image
    CMHForms
    Answered on June 29, 2017 at 01:43 PM
    The sample URL is https://www.jotform.com/edit/3745146794229594918.
    It is formed as below:
    https://www.jotform.com/edit/?{id}
    ...
  • Profile Image
    ashwin_d
    Answered on June 29, 2017 at 03:38 PM

    Hello CMHForms,

    I believe the format which you are using seems to be wrong. You do not have to add "?" in the edit link URL. Please use the following URL:

    https://www.jotform.com/edit/{id}

    Thank you!

  • Profile Image
    CMHForms
    Answered on June 29, 2017 at 04:44 PM
    Thanks.
    That was a typo. The parameter passing is as below:
    From form:
    https://form.jotform.us/71721353184150
    Parameter:
    https://form.jotform.us/71722016784153?parent119[first]={input5:first}&parent119[last]={input5:last}&parent1={email}&parent169={cellphone}&homePhone={homePhone}&address[addr_line1]={address:addr_line1}&address[city]={address:city}&address[state]={address:state}&address[postal]={address:postal}&link=https://www.jotform.com/edit/{id}
    To Form:
    https://form.jotform.us/71722016784153
    ...
  • Profile Image
    Jim_R
    Answered on June 29, 2017 at 06:30 PM

    Thank you - Have you given my suggestion a try? I'll break it down below for your convenience:

    1. Edit your target form 71722016784153

    2. Right below the Link Field, add a Form Calculation Widget.

    3. Then, below the Form Calculation Widget, add a Text Field.

    4. Once you have the needed fields added, set the formula of the widget as shown below:

    To get that same format, type them in this manner:

    - Type <a target="_blank" href=" then press TAB

    - Click ADD FIELD and select the Link Field

    - It will be added with a black background, click it to toggle it to a brown background

    - Continue typing " > then press TAB

    - Click ADD FIELD and select the Link Field

    - It will be added with a black background, click it to toggle it to a brown background

    - Type </a> then press TAB

    Related guide: How-to-Manipulate-Text-String-with-Conditions-and-Calculation 

    In the end, the formula should look similar to the screenshot above.

    5. Once done, just set your Text Field to show the generated URL from the Form Calculation Widget.


  • Profile Image
    CMHForms
    Answered on July 02, 2017 at 01:43 PM
    I cannot see the entire screenshot. It is cut off on the right. Could you
    resend please? Thanks.
    ...
  • Profile Image
    Jim_R
    Answered on July 02, 2017 at 02:57 PM

    There's a chance you're only viewing the images straight from your email client. Try opening the thread on your browser instead by clicking the link below:

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

    For your convenience, here are the direct links for the first and second screenshot.