Conditionally show images based on previously selected image

  • Perlman
    Asked on October 16, 2017 at 2:18 PM

    Hello,

    Is it possible to give an image element a url link that links to another element in the same form?

    For example:

    Link element one of the images on the first page to page 2.

    1508177898Widget Screen Shot4 Screenshot 10

  • David JotForm Support
    Replied on October 16, 2017 at 2:30 PM

    If you mean that you would like to show images later in the form based on an image selected in the form, this can be done using a an image radio button or image check box widget to make the selection:

    https://widgets.jotform.com/widget/image_radio_buttons

    https://widgets.jotform.com/widget/image_checkboxes

    Add all your images to the form using image fields, then conditionally show the appropriate images based on the users selection:

    https://www.jotform.com/help/316-How-to-Show-or-Hide-Fields-Base-on-User-s-Answer

    If there is something else you were looking to do, let us know and we will be happy to help.

  • Perlman
    Replied on October 16, 2017 at 2:48 PM

    Sorry, the question I asked wasn't very clear.

    I am considering linking an image element to a specific page in the same form.

  • David JotForm Support
    Replied on October 16, 2017 at 2:49 PM

    I am not quite sure how you are trying to link the image element to a specific page.  How are the two being linked?  Do you want to show and image on the page, select an image and go to a specific page or something else?

  • Perlman
    Replied on October 16, 2017 at 2:51 PM

    I would like the user to be directed to a page on the form if the image is clicked.

  • David JotForm Support
    Replied on October 16, 2017 at 2:52 PM

    For that, you can still use the aforementioned widgets, but would use a "Skip page" condition instead of a show/hide condition:

    https://www.jotform.com/help/350-How-to-Skip-Pages-Using-Conditional-Logic

  • Perlman
    Replied on October 16, 2017 at 3:07 PM

     How do I make the image "clickable"?

  • David JotForm Support
    Replied on October 16, 2017 at 3:10 PM

    This can be done using a an image radio button or image check box widget to make the selection:

    https://widgets.jotform.com/widget/image_radio_buttons

    https://widgets.jotform.com/widget/image_checkboxes

    Both widgets use URL's to load images, so the image URL would need to be used in the condition.  For example, if one of the images added to the widget is www.jotform.com/image, it would require using a condition like "if image radio button widget is equal to www.jotform.com/image skip to page 3".

  • Perlman
    Replied on October 16, 2017 at 3:14 PM

    Ok, I understand.

    Is there a way to somehow accomplish the same thing, but use the regular image element instead of the widgets?



  • David JotForm Support
    Replied on October 16, 2017 at 3:20 PM

    Image fields cannot be selected so there would be no way to set up the conditions you are looking for.  You can use image fields to upload your images, then use the URL generated for the uploaded images as the URL's in the widget. 

  • Perlman
    Replied on October 16, 2017 at 3:34 PM

    I appreciate your help.

    Thank you,

    Spencer