Community Groups are officially here!
We've released Groups, a new feature that enables us to connect community members of similar industries and interests in a shared, private space. You can check out all of the details here, including information about who can join, how to join, and what Groups are currently offered. Please leave your feedback through this Community Groups Feedback Survey.

Best way to use a clickable graphic as the selection action for a question? See image

Martin_O
Martin_O Orem, UTCommunity Member Qubie ✭
edited June 23 in Survey Platform

How do I use the action of clicking a graphic (see below) and have that be the only be the only action possible for a question? I have tried a few question types and cannot quite get the result I am looking for? I simply just want somebody to have the option to click this image (as the only option in the question and no other clicks) and then that action would be like a question selection that can be used in logic or even like hitting the next or submit button at the end of a block? I would just make this an end of block custom text button, but I want it to be an optional selection. This one might be simple, but I was playing around with a few question types and couldn't figure it out. Thanks in advance for your help.



Best Answer

  • TomG
    TomG Raleigh, NCCommunity Member, Qualtrics Brand Admin Wizard ✭✭✭✭✭
    Accepted Answer

    You can add html directly to the choice text. Also, if you click on the choice, then click the arrow to the right there are options for Rich Content or Insert Graphic.

    The selection box is based on the theme. You could change the layout from 'Flat' to 'Classic' but it would change the entire survey. Alternatively, you could put your graphic at the bottom of the question text, then use JS to hide the QuestionBody (the choice), and attach an event handler to the image so that when it is clicked it toggles the choice. However, you would need to add something to indicate if it was checked or unchecked (two images, a shaded box around the image, etc.).

Answers

  • TomG
    TomG Raleigh, NCCommunity Member, Qualtrics Brand Admin Wizard ✭✭✭✭✭

    You could use a multi-select multiple choice question with one choice.

  • Martin_O
    Martin_O Orem, UTCommunity Member Qubie ✭

    @TomG Thanks @TomG ! Any ideas on how to get the image I created to be used as the choice selection? The answer choices don't have anything like RichContent or HTML editor and that selection box is kind of funky looking in the question. I guess beggars can't be choosers though. : )

  • Martin_O
    Martin_O Orem, UTCommunity Member Qubie ✭

    Thanks!

  • Tonkatoy95
    Tonkatoy95 OklahomaCommunity Member, Qualtrics Brand Admin Qubie ✭

    I probably would have used the heat map question type.

  • Martin_O
    Martin_O Orem, UTCommunity Member Qubie ✭

    @Tonkatoy95 How you do a 1 click action on a heatmap?

  • Tonkatoy95
    Tonkatoy95 OklahomaCommunity Member, Qualtrics Brand Admin Qubie ✭

    Add a region and change the shape to include the entire image. Then select custom validation and choose the "RegSelect". The area where a question would go; just delete the default wording and hit your space bar. I would make the question label be "image" or "submit". Hope that helps.

  • Craig_Fowler
    Craig_Fowler Community Member Qubie ✭

    This is pretty late to the party but I came across this trying to do something similar. In the Multiple Choice options, there is an option for "single answer, column graphic" that I think would achieve what you want to do.

  • Martin_O
    Martin_O Orem, UTCommunity Member Qubie ✭

    @Craig_Fowler Thanks Craig. How do you get the multiple choice answer to be clicked on as a graphic and not a graphic with a choice radio button next to it?