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

    Hi, question about building a form for ranking images

    Asked by pasavek on May 14, 2017 at 02:46 AM

    Hi

    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! 

    Christian 

  • Profile Image
    JotForm Support

    Answered by Nik_C 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:

    https://form.jotformpro.com/71332618592963

    Please check and let us know your thoughts.

    Thank you!

  • Profile Image

    Answered by pasavek 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 by Sven on May 15, 2017 at 01:58 AM

    Hi, 

    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!