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

How to hide the arrows in the matrix carousel?

  • January 21, 2021
  • 2 replies
  • 148 views
D
Forum|alt.badge.img

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?

Best answer by Dan_314159

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';

2 replies

D
Forum|alt.badge.img
  • Dan_314159
  • Author
  • Answer
  • January 27, 2021

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';

D
Level 2 ●●
Forum|alt.badge.img+5
  • deveer
  • Level 2 ●●
  • December 29, 2023

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

Terms & ConditionsAccessibility statement