Image Picker -> Conditional blocks with images

  • Profile Image
    Synergy_Wellness
    Asked on February 11, 2021 at 11:04 AM

    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.

  • Profile Image
    Richie_P
    Answered on February 11, 2021 at 12:54 PM

    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.

    1613065942_60256ed697402_1.png

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

    1613065961_60256ee941197_2.png

    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.


  • Profile Image
    Synergy_Wellness
    Answered on February 12, 2021 at 05:15 PM

    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. 


  • Profile Image
    roneet
    Answered on February 12, 2021 at 10:51 PM

    Yes, we do have Image Checkboxes:

    1613188145_60274c31d6784_

    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

  • Profile Image
    Jan Trobisch 
    Answered on February 12, 2021 at 11:01 PM

    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?

  • Profile Image
    roneet
    Answered on February 13, 2021 at 07:34 AM

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

    You can change the title of the Image this way:

    1613219001_6027c4b952e93_

    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.

  • Profile Image
    Synergy_Wellness
    Answered on February 15, 2021 at 04:02 PM

    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.

  • Profile Image
    Jessica_H
    Answered on February 15, 2021 at 09:59 PM

    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.