How to hide the arrows in the matrix carousel? | XM Community
Solved

How to hide the arrows in the matrix carousel?

  • 21 January 2021
  • 2 replies
  • 50 views

Badge

Out of the box, the matrix carousel has forward and back arrows to let you move between response options, which seem confusing for the respondent - if you click forward and then answer the remaining options, you have to click all the way back to respond to the first option before going to the next question. Is there a way to hide the forward and back arrows?

icon

Best answer by Dan_314159 27 January 2021, 22:39

View original

2 replies

Badge

I was able to rope a web developer in my company into taking a look at this and he provided the code below - I checked it out and it works.

let arrows = document.getElementsByClassName("CarouselChevronContainer");
arrows[0].style.display = 'none';
arrows[1].style.display = 'none';

Userlevel 2
Badge +5

It works perfectly! Thank you for that!

Now the only thing I need is that when they answer the last statement it will auto move them to the next question

Leave a Reply