Answered

Can I use pictures in ranking questions?

  • 16 January 2021
  • 14 replies
  • 1885 views

Userlevel 7
Badge +6

Scenario: starting up a side-gig to print tshirts from home (with a heat press) and starting with printing up a series of ‘coffee quotes’. (Have posted over 350 coffee quotes of the day on FB account over the past year and folks want me to sell them some tshirts with the quote on them - may pay for my investment habit). I have taken 40-ish of the quotes and put them into a typeform  (i have included the link to that here - please complete the form if you like, all votes are good, just sayin’!!!) 

The form asks the users to select two quotes per question (5 q’s) and dumps the info into a Google sheet. Based on the current version of the “survey”, if the user wants to see the list that was selected by the respondents they are asked to provide an email address. My plan was/is to take the results, parse it manually and send out a link to another (to be created typeform) with the final list and will ask the users to rank the final ten selections in order of their preference. 

 

my ‘question(s)’ here are as follows:

  1. is there a way use pictures in a ranking question” ie instead of showing the top ten quotes as a text list to sort, is there currently a way to use ‘moving pictures around’ to rank them? 
  2. is there a way to take the answer to a question or a variable or, even a label and have it show up dynamically in the ‘ranking options’ selections box label?
    1. the image below comes from an alternate typeform to the survey linked above, where users pick one image per question and I show the label text using @recall capability. (It would be fabulous to be able to pull the image selected from the question here, rather than the label - if possible, how? If a job for “API man/woman” ok...)
    2. The numbers in front of the @answers correspond to the rank option choices and were the only way that i could see to be able to sort the list. I tried to get the @question (label text) to be the entry on the rank option (instead of 1,2,3,,,,)  The result ending up in the google sheet is the sort order numbers (ie 3, 1, 4, 2, 5 for example) and requires me to do the processing in google to correlate the label text submitted as the answer to q1 with the rank order from the ‘answer’ to the ranking question. 

 

so i guess to try and summarize what the 7 other voices in my head are debating:

  • is there a way to use pictures instead of a text list and have the users move the pictures to rank options?
  • If no to the bullet above, is there a way to @recall the picture associated with the picture choice of the user (ie instead of the label text, as displayed below, embedding the ‘internal’ url of the image uploaded as the media file for the picture choice -- in my sample below, that would have been ‘Slide1.jpg’ for example??)  just for display purposes (replacing text “Respect the bean” with the image with that text from the survey)?
  • Is there a way to dynamically pass an @question answer or variable into the rank options choice ‘label’ instead of manual entry? 

 

 

I hope that some of this makes sense - I tried to find enough in the help or in the blog, etc. but either I am short of caffeine (it’s just after midnight here on a Friday evening/Saturday morning) or I am not looking in the right places.. 

Thanks for reading this far along… and hopefully there is something/somewhere to point me.. just not to the exit.. 

 

*currently listening to: 

 

des

icon

Best answer by Liz 28 January 2021, 18:44

View original

14 replies

Userlevel 7
Badge +5

Hey Des! Happy Monday! I hope you had some time to rest after sharing this nice use case 😊

I hear you - your questions make total sense, however I'm afraid you can't do this yet with our tool. Let me elaborate a bit on each of your questions, there may be a workaround somewhere:

 

- is there a way to use pictures instead of a text list and have the users move the pictures to rank options?
 

The ranking question is a recent launch and at the moment, only text is available.

 

- If no to the bullet above, is there a way to @recall the picture associated with the picture choice of the user (ie instead of the label text, as displayed below, embedding the ‘internal’ url of the image uploaded as the media file for the picture choice -- in my sample below, that would have been ‘Slide1.jpg’ for example??) just for display purposes (replacing text “Respect the bean” with the image with that text from the survey)

 


There is a workaround I could think ok. You can hide labels (see here) and name each image with a link to the image. This way, the respondents will select the image and, when checking the raking question, they will see some external links to check the images. Does it make sense?

 

- Is there a way to dynamically pass an @question answer or variable into the rank options choice ‘label’ instead of manual entry?

 


The @recall information can only be used to pass information into questions and descriptions for now, but I can see how that would be useful.

 

I hope this helps, Des. This seems to be a great project and I'm looking forward to seeing these amazing t-shirts! By the way, you'll see my vote there. 🤩

Userlevel 7
Badge +6

Hey Des! Happy Monday! I hope you had some time to rest after sharing this nice use case 😊

I hear you - your questions make total sense, however I don’t you can do this yet with our tool. Let me elaborate a bit on each of your questions, there may be a workaround somewhere:

 

- is there a way to use pictures instead of a text list and have the users move the pictures to rank options?
 

The ranking question is a recent launch and at the moment, only text is available.

Thanks - i had a feeling that might be the case (i also think the picture ranking, in a grid format, would also be a neat way to introduce ‘puzzle pics’ into the potential image - too much coffee at the moment i think lol)

 

- If no to the bullet above, is there a way to @recall the picture associated with the picture choice of the user (ie instead of the label text, as displayed below, embedding the ‘internal’ url of the image uploaded as the media file for the picture choice -- in my sample below, that would have been ‘Slide1.jpg’ for example??) just for display purposes (replacing text “Respect the bean” with the image with that text from the survey)

 


There is a workaround I could think ok. You can hide labels (see here) and name each image with a link to the image. This way, the respondents will select the image and, when checking the raking question, they will see some external links to check the images. Does it make sense?

That is the sort of thing i did in the alternate version, that i showed in the image in the original - hid the labels but passed the label text to the ‘results page’. Having the users click another link to see the image is an extra set of clicks that would be ‘annoying’ 

I thought about the url location for the images, but if at all possible, it would be ‘better’ to be able to point to the img url from the library at typeform since the image is already there, rather than create an external imagestore and point there. in fact i tried to pass the url to an image as the result text to see if that would work, but it only showed up the text for the url, not the image in question - is there something specific that needs to be done ?? ie <img src=…..>?? to have it display on the page? 

 

- Is there a way to dynamically pass an @question answer or variable into the rank options choice ‘label’ instead of manual entry?

 


The @recall information can only be used to pass information into questions and descriptions for now, but I can see how that would be useful.

 

I hope this helps, Des. This seems to be a great project and I'm looking forward to seeing these amazing t-shirts! By the way, you'll see my vote there. 🤩

 

Thanks for the response @Mariana i figured there were still some things that might have to be ‘on the drawing board for the future.. but if you never ask the question, you will never find out the answer. 

 

And thanks on the tshirt vote!!

 

des

Userlevel 7
Badge +6

Adding in another query related to Ranking Questions .. I note that there is no option to assign any logic to the question (simple nor advanced) that would/could route the user to next appropriate question. for example: 

  • “rank these 5 items in descending order of importance” leads user to rank items 1,2,3,4,5 in the order 3,1,4,2,5 
  • if that was the first question in the typeform, I would like to send the user to question group 3 first, allow for any logic or workflow from that group and then end group 3 question with “ok, you had marked @recall #1 as the second priority, do you want to answer the questions on that group next?” … then group 4 then 2 then 5

is there any anything short of calling the API and parsing the data into a logical stream that then feeds back into typeform(s)?  ( @Nordin had mentioned something similar to this in another thread….)

 

thanks

 

des

Userlevel 7
Badge +5

Hey Des. 

Thanks for sharing your thoughts. This is great feedback (and there's never too much coffee on a Monday 😛)

In fact, the workaround I have mentioned would only bring the URL, not the image itself. This means the respondents would need to click another link to see the images. 

Regarding the API question, let's wait for our API wizards - they'll be able to advise on this. 

Your questions, suggestions and feedback are always welcome! Please keep them coming. This the best way to explore all the possibilities Typeform has to offer. Plus this is a great opportunity for us to identify our main areas for improvements. 💪🏻

Userlevel 7
Badge +6

Hey Des. 

Thanks for sharing your thoughts. This is great feedback (and there's never too much coffee on a Monday 😛)

In fact, the workaround I have mentioned would only bring the URL, not the image itself. This means the respondents would need to click another link to see the images. 

Regarding the API question, let's wait for our API wizards - they'll be able to advise on this. 

Your questions, suggestions and feedback are always welcome! Please keep them coming. This the best way to explore all the possibilities Typeform has to offer. Plus this is a great opportunity for us to identify our main areas for improvements. 💪🏻

@Mariana - I know you folks are busy with the launch here and running the business in general but can you ping the API wizards to weigh in on the last comment i made on the ‘parsing of the ranking responses’ … I am trying to see if there is a non-technical way to resolve this without resorting to locking myself in the office with coffee and pizza and figuring out the API approach

 

thanks

des

Badge +5

Hey @john.desborough hope there's still some pizza left. @Mariana is off this week but I believe @Liz will be able to lend helping hand once the sun rises in the West Coast 🌞

I'll check if someone on my side of the pond can help in the meantime. 

Userlevel 7
Badge +6

Hey @john.desborough hope there's still some pizza left. @Mariana is off this week but I believe @Liz will be able to lend helping hand once the sun rises in the West Coast 🌞

I'll check if someone on my side of the pond can help in the meantime. 

@Gabriel - thank you. lol re pizza - just put a couple in the oven this morning so that there will be fresh, homemade pizza for my daughter for breakfast (another way to get a 5 year old to eat her veggies … hey it works) and to fuel the head-scratching while working through logic

 

Userlevel 7
Badge +5

@john.desborough I want pizza…. :tired_face:

I reached out to the product team on this one to get an answer or an update on this. Hopefully I should hear back today but if not, by tomorrow. 

Userlevel 7
Badge +6

@john.desborough I want pizza…. :tired_face:

I reached out to the product team on this one to get an answer or an update on this. Hopefully I should hear back today but if not, by tomorrow. 

Thanks @Liz 

 

 

Userlevel 7
Badge +5

Hi @john.desborough . I’ve shared both of these as requests to the product team, and in the meantime, one of our developers shared this brilliant workaround for the ranking question: 

 

  1. Add an image to the form, and change the layout on the question to have the image one the side. 
  2. In the image, label each picture such as “Option 1, Option 2, etc.”
  3. Then, in the ranking, have each answer also be, “Option 1, Option 2, etc.”

The image could look something like this: 

 

 

Hopefully this helps for now. :) 

Dears, this is still not fixed / developed right?

Userlevel 7
Badge +5

Hi @Makethecity thanks for stopping by the community! This isn’t a feature in development, but if that changes, we’ll post it here. 😀

I came to see if this feature was in the works yet (would definitely be helpful to rank images) and just had to say how refreshing this support community is! 😍 

 

Userlevel 7
Badge +5

@CareBear Thanks for stopping by! Happy to have you here. 😀 We definitely try our best to be a little source of helpful info. If there’s anything else we can answer for you, let us know!

Reply