Color Gradient for NPS Options | Experience Community
Skip to main content
Solved

Color Gradient for NPS Options

  • Aug 10, 2021 3:28 PM UTC
  • 5 replies
  • 531 views

Hello,
Would it be possible to implement something like this? I have been able to change the colors of individual answer choices, but I'm not sure if you can make it one gradient for an NPS question.

image.pngThanks!

Best answer by ahmedA

By default the NPS question is structured as a table, with each number in its own cell.
What you'll need to do is to hide the numbers, creater a row at the top, which spans all the cells and then add the colour gradient.

View original

5 replies

Forum|alt.badge.img+22
  • Level 7 ●●●●●●●
  • Answer
  • Aug 10, 2021 4:32 PM UTC

By default the NPS question is structured as a table, with each number in its own cell.
What you'll need to do is to hide the numbers, creater a row at the top, which spans all the cells and then add the colour gradient.


AdamK12
Level 5 ●●●●●
Forum|alt.badge.img+73
  • Level 5 ●●●●●
  • Aug 10, 2021 7:11 PM UTC

Would you be able to share the Javascript that would enable this? Very interesting...


Forum|alt.badge.img+22
  • Level 7 ●●●●●●●
  • Aug 11, 2021 2:26 AM UTC

AdamK12 I won't be sharing the code, because it's just aesthetics, but here's a demo, if you'd like to see the end result.


MattiasM
Level 5 ●●●●●
Forum|alt.badge.img+63
  • Level 5 ●●●●●
  • Mar 3, 2022 12:20 PM UTC

https://community.qualtrics.com/XMcommunity/discussion/comment/39685#Comment_39685Would love to get that as well, ahmedA
Trying to impact the background color of each of the individual boxes in the NPS question.
Thanks in advance


Forum|alt.badge.img+22
  • Level 7 ●●●●●●●
  • Mar 3, 2022 10:37 PM UTC

It's available for purchase.
Please drop me a PM if you're interested.
Thanks.