How to set condition based on Image picker widget?

Hallo, op dit formulier staan 4 afbeeldingen. Het is/was de bedoeling om de klant te laten kiezen uit 1 van deze vier en die dan te leiden naar een groter beeld en de mogelijkheid om gegevens in te vullen.

Ik kan echter geen voorwaarden schrijven om dit te bekomen.

Graag uw hulp!

JAN

Hello, on this form there are 4 images. The idea is/was to let the customer choose 1 of these four and then lead them to a larger image and the option to fill in data.

However, I cannot write any conditions to obtain this.

Please your help!

JAN

Page URL:
https://form.jotform.com/243101946311042

Hi Jan,

Thanks for reaching out to Jotform Support. Sure, if you want to show the selected image in a larger size and on the next page, I can help you to set up condition, let's do it:

1. In Form builder, select Settings at the top.

2. In the menu that opens on the left side of the page, click on Conditions.

3. Click on + Add a condition and choose Show/Hide field.

4. Set condition as below picture:

Result:

Give it a try and reach out again if you have any other questions.

Hi Ibrar

Works for the first image, when I do the same for the next, I see nothing.

A little checkup what is going wrong please.

Hi Jan,

Since there is a separate page for each image, so I would recommend you to use Skip To/Hide a Page condition. Let me show you how to use it:

1. In Form builder, select Settings at the top.

2. In the menu that opens on the left side of the page, click on Conditions.

3. Click on + Add a condition and choose Skip To/Hide a Page.

4. Set condition as below picture:

Result:

You'll have to create a separate page for submit button. We also have a guide about How to Skip Pages Using Conditional Logic that you can check out. As for your other question, I've moved that to a new thread. You can check that out here. 

Give it a try and let us know if you have any other questions.

https://form.jotform.com/243101946311042

no, not a succes

what did I now wrong?

Hello Jan,

I've cloned your form and made the necessary adjustments so you can test it. You can find my cloned form here. If you’d like to see how the conditions has been configured, feel free to clone my form to your account to get access to the widget settings. Click here to see how to clone the form. If that’s not exactly what you’re looking for, can you explain a bit more so we can help you better?

You might also want to check out this guide about Conditional Logic for Online Forms.

Give it a try and reach out again if you have any other questions.

Yes, it comes close.

But, if you pick one, those others may not show up when you click next.

Do you understand?

Jan

Hi Jan,

Your initial issue was that you wanted to create a form where a form filler could select one of four images, and then, when they click the 'Next' button, be directed to a larger version of the selected image with an option to fill in additional data. So, I’ve set this up on the cloned form. Take a look at my screencast to see the results.

When you say, 'if you pick one, the others may not show up when you click next', do you mean that you’d like the selected image to automatically enlarge with the necessary fields appearing right away, without needing to click the Next button? Could you confirm if my understanding is correct? If that’s not exactly what you’re looking for, can you explain a bit more so I can help you better?

Once we hear back from you, we'll be able to help you with this.

No, you misunderstand me.

When you choose an image, you get the enlarged image with its input fields.

So far this is correct.

If you now click on next, you will now see the next image enlarged, this is not the intention.

If you click on next, you should get the option to click on another image (page 1) OR to stop and fill in your data (page 6).

If you enter two, the system should then obviously remember and forward the choice and entered data of these two as well.

Am I being clearer?

Greetings, Jan

Hi Jan,

If you want to hide a page which isn't selected on page 1, you'll have to change the conditions to Skip To/Hide a Page, let me show you how

1. In Form builder, select Settings at the top.

2. In the menu that opens on the left side of the page, click on Conditions.

3. Select All conditions and click on Disable button at the top.

4. Now, click on + Add a condition and choose Skip To/Hide a Page.

5. Set conditions as below screenshot:

Hide Page 2:

Hide Page 3:

Hide Page 4:

Hide Page 5:

About your second question, where you want to show Page 1 once user has filled data related to earlier selected picture, I've already answered on a new thread. You can go ahead and check that out here.

Result:

You can check out the demo form. If you want to clone the demo form, you can easily do that. This guide will show you how to clone a form.

That's it. Let us know if you have any other questions.

OK, it seems to work.

I evaluate and let you know.

Jan