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

    Pagebreak: Auto-next when image picker widget is selected

    Asked by jackspence13 on February 20, 2017 at 01:39 PM


    I was wondering if there was a way to automatically jump to a specific page when the picture is selected, instead of having to click next afterwards.


  • Profile Image
    JotForm Support

    Answered by EltonCris on February 20, 2017 at 02:55 PM

    Unfortunately, image picker is not supported with auto next feature. Only radio and dropdown fields are supported as of the moment.

  • Profile Image

    Answered by jackspence13 on February 20, 2017 at 02:57 PM

    I tried linking it to a hidden drop down menu using the conditions but it was kind of buggy. Didnt know if you knew any tricks like that or not.

  • Profile Image
    JotForm Support

    Answered by EltonCris on February 20, 2017 at 03:10 PM

    Sorry but that's not going to work. This feature is triggered only when the radio and dropdown fields are clicked not through conditions.

    I have actually tried it here https://form.jotform.com/70506184381959

    Let me forward this as a feature request instead so our developers would consider this in the future.


  • Profile Image
    JotForm Support

    Answered by EltonCris on February 20, 2017 at 03:28 PM

    By the way, here's another workaround for now.

    Instead of using image picker, you can use the regular radio button field with images as its options. This should trigger the auto next function.

    Example: https://form.jotform.com/70505953548967

    1. First, add single choice (radio button) in your form.

    2. Next, add image codes options. The images will be rendered properly on live preview.


    <img src="YOUR 1st IMAGE URL HERE " style="width:200px;" />

    <img src="YOUR 2nd IMAGE URL HERE " style="width:200px;" />

    3. Add Page Break and enable auto next under Advanced option

    4. Optional: You can customize the radio button field so it would appear nicely on the live form, e.g. hide the radio button and add a border on the image once selected, similar to how the image picker works.

    That's possible by injecting this CSS codes to your form. Make sure to replace the ID number (bold number below) with your radio button field ID no.

    #id_3 .form-radio {

        display: none;


    #id_3 .form-radio:checked + label {

        border: 1px solid #bbb;

        display: inline-block;


    Hope this helps!