Make target always invisible in hotspot question | XM Community
Skip to main content
Solved

Make target always invisible in hotspot question

  • October 5, 2021
  • 3 replies
  • 53 views

Forum|alt.badge.img+1

Hi all,
I am using a visual search task and want participants to find a hidden target (similar to Where's Waldo). I would ideally use a hot spot question, but when the mouse hovers over the correct location, the region border is displayed, thus telling the subject where the target is located. Does anyone know how to make the border of the target region invisible even if the mouse hovers over it? I tried to make the border 0px using custom CCS but that didn't work.
I'd appreciate any suggestions!

Best answer by Tom_1842

Hi there, if you still need, I was able to put this in place using an Interaction Type of "On / Off" and adding the below CSS to the Style section of the survey's Look & Feel:
div.Inner.BorderColor.OnOff > div > fieldset > div > div > div > svg > path {
stroke-opacity: 0 !important;
cursor: default !important;
}

3 replies

Tom_1842
Level 8 ●●●●●●●●
Forum|alt.badge.img+28
  • Level 8 ●●●●●●●●
  • Answer
  • September 29, 2022

Hi there, if you still need, I was able to put this in place using an Interaction Type of "On / Off" and adding the below CSS to the Style section of the survey's Look & Feel:
div.Inner.BorderColor.OnOff > div > fieldset > div > div > div > svg > path {
stroke-opacity: 0 !important;
cursor: default !important;
}


Forum|alt.badge.img+1
  • Author
  • September 29, 2022

Tom_1842 That worked beautifully! Thank you so much!!!


SuhasM
Qualtrics Employee
Forum|alt.badge.img+16
  • Qualtrics Employee
  • September 30, 2022

MarE This is a great question and I’m sure this post will help a lot of users with similar use-cases! Tom_1842 thank you so much for creating that amazing custom solution for our community 🙌