Hot Spot: Reversing Like/Dislike or Green/Red | XM Community
Skip to main content
Question

Hot Spot: Reversing Like/Dislike or Green/Red

  • June 16, 2019
  • 1 reply
  • 17 views

Rah
Forum|alt.badge.img+2
Hi, In our study, there is a hot spot question where we want participants to choose the area that they dislike. The important issue is that they do it only by ONE click. Is it possible to reverse the order of Like/dislike (One click: Dislike, two clicks: Like)? or I can use On/Off option but when the click (ON), the area becomes green. Is it possible to turn this color to Red? I tried the following CSS code but it didn't work: .Skin #HotSpot #On #RegionInner #RegionInnerInner {background-color: rgba(255, 0, 0, 1);} Best, Rah

1 reply

Tom_1842
Level 8 ●●●●●●●●
Forum|alt.badge.img+28
  • Level 8 ●●●●●●●●
  • January 11, 2023

Hi there, the 2nd option can be put in place by tweaking the CSS in this thread. Try creating an On/Off HotSpot question and adding the below CSS to the Style section of the survey's Look & Feel:
.HotSpotContainer svg > path[fill="#00fe00"] {   
  fill: #fe0000;
}