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

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

    Asked by art_crate on January 04, 2015 at 09: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

    Page URL:
    http://form.jotform.us/form/43520803942148

    next next page click an image work like next image click advance to next page like next button page breaks
  • Profile Image
    JotForm Support

    Answered by abajan on January 05, 2015 at 07:51 AM

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

    Thanks

  • Profile Image
    JotForm Support

    Answered by abajan on January 05, 2015 at 01: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

  • Profile Image
    JotForm Support

    Answered by abajan on January 05, 2015 at 06: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

  • Profile Image
    JotForm Support

    Answered by abajan on January 05, 2015 at 07: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

  • Profile Image

    Answered by art_crate on January 06, 2015 at 03: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

  • Profile Image
    JotForm Support

    Answered by abajan on January 06, 2015 at 06: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