Hi, question about building a form for ranking images

  • Profile Image
    Asked on May 14, 2017 at 02:46 AM


    I have a question about building a form for ranking images.  I want my users to rank a series of designs, specifically the two best (1st choice, 2nd choice)  from a series of four or five and then that sequence would repeat 3 or 4 times. Can you please recommend what's the best widget for that?

    Ideally I would want a pretty robust template that I could use to build many more similar forms in the future. I looked through but I couldn't find anyone that really did what I wanted. 

    Also I need something that has pretty good design options.  For example lining up with the images in a grid maybe 2 or 3 images wide but I also need it to be mobile responsive so they display and size properly on phones, both arrangement and image scaling. 

    I'd Appreciate any help you can provide with this. Thanks! 


  • Profile Image
    Answered on May 14, 2017 at 05:32 AM

    I checked the form you created http://www.jotform.me/form/71321924164451 and Image checkbox widget would be my option as well. I would advise you to check the Image picker (https://widgets.jotform.com/widget/image_picker).

    Regarding the rating of the images, we have these fields:

    If you need to rate each image, those fields can be placed under each image, but I see you put four images in one widget, so in order to place the rating between each of them, you should put two images in one widget and then add multiple widgets, something like this:

    And we can align the star rating, for example, right below each image:

    Could something like that work for you?

    Here is my clone of your form with star rating added to first pair:


    Please check and let us know your thoughts.

    Thank you!

  • Profile Image
    Answered on May 14, 2017 at 11:33 PM

    Hi Nik,


    Thanks for getting back to me.


    Adding the survey elements might work. However, I'll need to set them up so they display properly on phones as well... 


    Ex >> I want maybe two or three pictures across when it displays on a computer monitor (which has the horizontal space) but I want the pictures to stack vertically on mobile. 


    Now the trick for the rating element, is that rating element should ALWAYS be directly under the relevant picture. On mobile it's stacking the two images first, then both rating elements. How do we fix this?


  • Profile Image
    Answered on May 15, 2017 at 01:58 AM


    In this case, you will have to use one image per widget and have the rating field right underneath it. And make sure that you have "mobile responsive" enabled in your advanced designer. 


    Thank you!