In a form with page breaks is it possible to have a click on an image advance the user to the next page?

  • art_crate
    Asked on January 4, 2015 at 9:17 PM

    How can I insert an image and when it is clicked it takes you to the next page on the form.

    See last page of my form.

     

     

    Thanks guys!

    Chris

  • abajan Jotform Support
    Replied on January 5, 2015 at 7:51 AM

    This should be possible. Let me work on something and get back to you.

    Thanks

  • abajan Jotform Support
    Replied on January 5, 2015 at 1:59 PM

    Chris,

    Have a look at this clone of your jotform where the Next button (with its text changed to "Continue") has been repositioned over the image. Clone the form and replace the image on that page with one not containing any text and let us know your opinion. It's not perfect because on mobile device screens the Continue button isn't properly centered on the image.

    There's an alternative which involves the use of a custom script to detect any clicks on the unaltered image to make the form advance to the next page but that would require copying the full source code and pasting it into a web page and then adding the aforementioned script.


    Thanks

  • abajan Jotform Support
    Replied on January 5, 2015 at 6:46 PM

    Hi again,

    Here's the alternative method to which I referred. In this version, instead of repositioning the "Continue" button over the image, it's hidden. If the page source is viewed you'll see the following script near the bottom:

    $$('#id_70 img')[0].on('click', function () {
       $('form-pagebreak-next_75').click();
    });

    It basically means: "When the image within the element whose ID is id_70 is clicked, click the element whose ID is form-pagebreak-next_75 (the relevant 'Next' button)."


    Cheers

  • abajan Jotform Support
    Replied on January 5, 2015 at 7:00 PM

    I forgot to mention that if you want to reply you will need to do so in the thread itself (http://www.jotform.com/answers/490228). Due to an issue we hope to be shortly resolved, replying via email will not work.

    Thanks

  • art_crate
    Replied on January 6, 2015 at 3:27 AM

    Hi Abajan,

     

    Thank you so much for carefully answering my question with two successful solutions. I opted to use your first method of overlaying the continue button. I however understand this is not ideal for mobile. I am ok with this currently because of the other two widgets I am using.

    - Image Radio Widget

    - Image Check Box Widget

     

    Both of these widgets are not ideal for mobile, I know this is probably another thread question. But is it possible to make these two widgets more friendly for mobile?

     

    Thanks!

    All the best,

    Chris

  • abajan Jotform Support
    Replied on January 6, 2015 at 6:32 AM

    Hi Chris,

    I'm glad my workarounds worked to your satisfaction. The issue pertaining to the widgets has been moved to another thread (http://www.jotform.com/answers/490887) and will be dealt with in due course.

    Thanks