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

Make target always invisible in hotspot question

  • October 5, 2021
  • 3 replies
  • 57 views
M
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
    • Tom_1842
    • 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;
    }

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

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

      SuhasM
      Qualtrics Employee
      Forum|alt.badge.img+16
      • SuhasM
      • 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 🙌

      Terms & ConditionsAccessibility statement