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

    Add URL to Image Checkbox/Picker widget

    Asked by i2iAlana on December 17, 2014 at 08:49 AM

    Hi

    I want to add a URL to the image label that will automatically open a new tab to the designated URL when you click it. Can you please advise on what code I should use to make this work. I have been attempting to do it with the form attached (bottom of the page widget option / Prezola).

     

    Thanks

    Alana

    Page URL:
    http://form.jotformpro.com/form/43502827582962?

    image checkbox checkbox widget image picker
  • Profile Image

    Answered by Shadae on December 17, 2014 at 10:53 AM

    Hi Alana,

    To confirm, you would like whenever the images on your form is clicked, that is leads to another webpage.

    Unfortunately this cannot be done using the checkbox widget. The only option would be to place the link in the image text box. The link would then appear below the image. As you have done with the Prezola image in the form.

    Another option that you can use, is to use the Text field and enter HTML code to add your image and have them as hyperlinks.

    Please view this sample form: http://form.jotformpro.com/form/43503903638960 

    <a target="_blank" href="http://www.prezola.com"><img alt="Prezola" src="http://www.springfair.com/g/2014/logos/bpl_logo_form.jpg" style="width: 210px; height: 125px;" />

    The link that you would like your users to be directed to will go here

    The link to your image would be placed here

    You can put each image within their own paragraph tags (<p><a target="_blank" href="http://www.prezola.com" rel="nofollow"><img alt="Prezola" src="//www.springfair.com/g/2014/logos/bpl_logo_form.jpg" style="width: 210px; height: 125px;" /></p>) To have mulitple images in the field link what is shown in the sample form.

    I hope this helps, please inform us if you need further assistance.

  • Profile Image

    Answered by i2iAlana on December 17, 2014 at 11:03 AM

    Hi

    I dont want to hyperlink the image at all. I would like the to keep its current function of a check box. I would like the label (as seen with the Prezola example) to link to the website that is listed. eg www.prezola.com should open a new tab to that website. Is it possible for that to happen in the label?

     

    As if I use a textbox I would have to create 30+ image checkbox wigets just to include a website below each image. That would be very slow process in terms of alignment. 

  • Profile Image

    Answered by Shadae on December 17, 2014 at 12:41 PM

    Hi Alana,

    Thank you for clarifying what you would like to achieve. 

    After doing some test, unfortunately, it is not possible to have the label for the images as a link. Even though the box accepts the HTML code that is entered, the link does not become clickable within the widget.

    Can you inform us of what exactly you would like to achieve with the option and we could look into seeing if there is a suitable work around.

    Thank you.

  • Profile Image

    Answered by i2iAlana on December 17, 2014 at 02:44 PM

    Hi

    What we want to achieve, is to have the image working as it currently is (a checkbox). But have a link under each image and title which allows our users to visit the website relating to that image. (as a 'find out more' for each option in the form).

    Please let me know if you can think of a simple way to do this.

    Thanks

  • Profile Image
    JotForm Support

    Answered by Mike_T on December 17, 2014 at 05:26 PM

    We can do this with an Image Picker widget instead.

    The format is the following:

    [Abraxas Cookshop <a target="_blank" href="http://example.com" rel="nofollow" >Website Link</a>]http://www.springfair.com/g/2014/logos/bpl_logo_form.jpg

    [Aria <br> <a target="_blank" href="http://example.com" rel="nofollow" >Website Link</a>]http://www.springfair.com/g/2014/logos/bpl_indie_aria.jpg

    Thank you.