How to hide the arrows in the matrix carousel? | XM Community
Skip to main content

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?

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");
arrowss0].style.display = 'none';
arrowss1].style.display = 'none';

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


Terms & Conditions