How do I make all the answers left aligned on a carousel matrix question? | Experience Community
Skip to main content
Question

How do I make all the answers left aligned on a carousel matrix question?

  • May 19, 2022
  • 3 replies
  • 249 views
M
Forum|alt.badge.img

I have a scale that is 1 - not at all satisfied, 2, 3, 4, 5 - extremely satisfied in a carousel matrix and all the answer options are center aligned which makes it look terrible. I want to keep the vertical alignment but make it left aligned. I've never done custom code so please the more detail the better :)

    3 replies

    bgooldfed
    Level 4 ●●●●
    Forum|alt.badge.img+25
    • bgooldfed
    • Level 4 ●●●●
    • May 20, 2022

    Hi MCrooke,
    Could you be more specific or attach a screenshot describing what you're after visually? I just loaded up a matrix carousel and the options looks left aligned to me:
    image.pngThe buttons technically center aligned, but that's because they're at 100% width by default. I assume perhaps you're after something like this:
    image.pngIf that's what you're wanting to change, you can add the following code to the question:
    jQuery(".CarouselAnswerButtonContainer").css("width", "fit-content"); //this shrinks the option widths to the size of their text

    M
    Forum|alt.badge.img
    • MCrooke
    • Author
    • May 20, 2022

    Hi, So either of yours would be what I want, see below to what mine defaults to. I just want the answer choices to not be centered. Do I need custom code for that or is it one of the settings? Thanks so much!!
    image.png

    R
    Forum|alt.badge.img
    • Ruta
    • December 8, 2023

    I’m having the same issue - answer options are not aligned to the left. Did you find a solution to this issue?

    Terms & ConditionsAccessibility statement