Image Picker -> Conditional blocks with images

Hi there,

I would like to create a form for our patients to review the staff who they had contact with during their most recent visit.

I have 20 employees but most patients only have contact with 3-5 during their visit. I would like to create a visit feedback form that initially shows images (+ titles and names) of all staff members. The patient then selects the few images of staff who they had contact with during that appointment. The next page then shows only the images of the people they selected (through conditional blocks) and next to these a star rating (1 to 5) where they can give each person a score they had contact with.

These scores should then be saved to a google sheet where they can be used for a Dashboard report. I know that there are several Image Widgets out there but not sure which is the best one for my purposes and how to use the selected images for conditional photo with star ratings on the next page.

As a second step, each patient who completes and submits this form should be entered into a drawing for a gift certificate, where a winner is randomly selected every month. I am not sure if Jotform has this capability as well but it would be nice to have this entire process automated, including the random winner selection of all entries in the same month. It would be even better if the automatic email that is sent after the patient visit (sent by Acuity scheduling) can also add the email address and phone number inside the URL which then becomes a hidden field on the review form so people enter the giveaway without the need for typing their email address.

Please let me know if and how this is possible.

Hello, you may use different kind of image widgets in your form.

You can check this link:https://www.jotform.com/widgets/search/image

You can try the Image radio buttons widget to show pictures and use the section collapse element to hide your fields.

I have created a sample form:

https://form.jotform.com/210414985715054

In my sample form, I have used the image radio button, section collapse and form calculation widget with condition.

Unfortunately, we cannot directly use condition on the image radio button widget, we would have to use the Form calculation widget to get the value of the widget.

We can then use the conditions to show the section collapse based on the value of the form calculation widget.

I would suggest you clone my form to check the conditions and setup at your end.

Guide:https://www.jotform.com/help/42-how-to-clone-an-existing-form-from-a-url

Unfortunately,we don't have a widget that you can use to select a winner on the submissions.

Hi Richie,

thank you for your detailed explanations. Your sample form is very close to what I am thinking, however I would like to have the visitor be able to select multiple images. The radio button only allows for single image selection.

Do you have a similar widget that allows for multi selection?

Also, I want to have the star rating displayed on the next page.

Please let me know. 

Yes, we do have Image Checkboxes:

You may add a page break element and add a star rating on it.

Here is the demo form:

https://form.jotform.com/210428385586968

I hope this helps!

Thanks

Now we are getting closer. Is there a way to add some text next to the pictures or underneath (for name and position of the staff member)?

Every picture that was selected on the first page should show up again on the next page along with a star rating next to image and name & position next to or underneath image.

Lastly I want to limit submissions to only once a month per person (so they cannot give multiple) but don’t know how to

is this doable?

Do you want to place a description at the bottom of the Image Checkbox?

You can change the title of the Image this way:

Unfortunately, it is not possible to show the selected image and the selected star rating on the next page.

You can limit the submissions this way:

https://www.jotform.com/help/137-how-to-limit-submissions-in-a-form

Let us know if you have further questions.

Thanks.

The image checkbox widget seems to be working but I need the actual image URL's. How am I able to upload images and enter the image URL's into the widget? Is there a way to see the image URL's for my image uploads?

Also, can I determine how many images I show per line with this widget? If I have 12 images, I want to show only 3 per line (for total of 4 lines). On mobile it seems to only show one image per line. Is there a way to show more (2 or 3) per line?

I am getting very close.

Hi Synergy_Wellness,

The image checkbox widget seems to be working but I need the actual image URL's. How am I able to upload images and enter the image URL's into the widget? Is there a way to see the image URL's for my image uploads?

You will need to upload in cloud storage, then obtained the direct URL link. Unfortunately, it is not possible to upload your image into the widget yet. Depending on which cloud storage you are using, the method to obtain a direct URL link will different.

Also, can I determine how many images I show per line with this widget? If I have 12 images, I want to show only 3 per line (for total of 4 lines). On mobile it seems to only show one image per line. Is there a way to show more (2 or 3) per line?

You may consider to add the following code into your widget and adjust the image width accordingly.

#images_button_container li { margin: 4px; padding: 0; width: 30% !important; }

Please give it a try and let us know how it goes for you.