Is there a way to embed data that is html code for an image? | XM Community
Solved

Is there a way to embed data that is html code for an image?

  • 9 August 2018
  • 7 replies
  • 899 views

Hi,

I'm writing a survey that asks users to enter a bunch of different inputs, and then produces a customized list of outputs based on what the user entered. In other words, I have a list of 20 recommendations, and users will see the 5-10 most relevant ones for them on the end of survey page based on their answers to the survey questions. I've figured out how to do this using embedded data, but now have been asked to have each recommendation include an associated image. Inserting the html code for an image as an embedded field doesn't work - it shows shows up as blank. Is there a workaround for this? Thank you!
icon

Best answer by bstrahin 9 August 2018, 17:00

View original

7 replies

Userlevel 7
Badge +33
Can you try to add this in hidden question rather than embedded data and using this hidden question again to show these images at end.
Userlevel 7
Badge +38
Not sure if this is what you mean by HTML code for an image. I am able to use embedded data in one of my surveys to point to an image out on the web and have it appear in my survey. Here is an example that would pull in my staff directory photo without having to upload that photo to the Qualtrics image library. I got the address by right clicking on my photo in the directory and choosing copy image address (I was in Chrome when I did this).
Userlevel 7
Badge +6
You absolutely can pipe in the URL string as embedded data to make a particular image appear. I am actually doing this exact thing for the RepellentQ challenge.

Using @bstrahin's code, you would replace [https://continuingstudies.wisc.edu/app/uploads/2017/06/strahin-elizabeth-headshot.jpg] with the piped text for the given embedded data field you created.

The entire code would look something like this:

[[mg height="205" src="${e://Field/Photo_ID}" style="width: 205px; height: 205px; float: left; margin-left: 20px; margin-right: 20px;" width="205" ]]
thank you!
Badge

https://www.qualtrics.com/community/discussion/comment/4707#Comment_4707
When I try to implement Akdashboard's answer, my image fails to load. The embedded data "file_url" is a link to an image on the internet. Does anyone have any tips on how to solve this? Below is my code:


Update: the url needs to have "http://" at the beginning! Thanks for the solution, Akdashboard!

Adopted Qualtrics responsibilities after a Reduction in Force so I'm new to editing the survey with little to no HTML experience but this thread seems relevant to my needs:
Our problem is any time we want to display a logo the survey is constructed in such a way that we add a graphic which adds a question which adds a column to the data output which breaks the feed into our data warehouse.
I've been tasked with trying to consolidate the displaying of our clinics each unique logo into one question. Currently the logos use display logic.
So where I'm at is in the pictures below...
fieldlogo.jpgsruveyflow.jpgwhat am i doing wrong? Thanks.

Hello qualtrics people,
pretty new to qualtrics. I am trying to present varying logos to respondents dependent on the state they reside in.
My thought process was to use the survey flow to first embedded the data.. currently I am just copying and pasting the image URL into the set value now field (this is not working)
Then I was thinking I could you use the branch feature to set a condition, only show RI logo if respondent lives in RI.

Anyone have some input on what I need to do differently. I think my first mistake is, I can not simply just copy and paste the URI into the set value now.. but not sure what else to do.

Ive looked over the above feeds and others.. but still at a lost! ANy help would be awesome : )

Screen Shot 2021-01-12 at 2.18.04 PM.pngimage.png

Leave a Reply