Formatting Pick, Group, and Rank questions | XM Community
Skip to main content
Solved

Formatting Pick, Group, and Rank questions

  • September 13, 2018
  • 3 replies
  • 316 views

straister
Forum|alt.badge.img+2
Hi friends! I am reaching out for some support related to custom formatting for the Pick, Group, and Rank questions, specifically when using the drag and drop functionality. I've seen a bunch of posts in the forums that are similar, but my expertise with CSS is admittedly very limited so I'll need a little more hand-holding here. As you can see from the attached picture, I've been able to get some of what I want done, but I've mostly broken it and made it worse. ! I'm trying to figure out which attributes will affect the blue line (bucket width), red line (I'm calling it "bucket text width"), and the green line (space between buckets). I was also unsuccessful in changing the font attributes at all, so would love help there (especially in overriding the theme that we'll be using for this specific question, if that's possible). I'm specifically hoping to change font weight, type, and size. It'd be especially great if I could change part of the bucket text, but not all of it (so in the picture, if I could have "Expert" remain the font it is, but then everything after change). I'm unsure if that's possible in the format of the question type itself. I'm certain this is fairly old hat for someone with the expertise, so if there is really good documentation somewhere I'll take that too, but so far I haven't had much luck adjusting the other help threads to fit my needs. Thank you!

Best answer by Sona

Hey @straister , About formatting the text, you can do that in the question itself using Rich content Editor and the same changes will be reflected in the bucket.
View original

3 replies

Sona
Level 2 ●●
Forum|alt.badge.img+1
  • Level 2 ●●
  • 12 replies
  • Answer
  • September 13, 2018
Hey @straister , About formatting the text, you can do that in the question itself using Rich content Editor and the same changes will be reflected in the bucket.

straister
Forum|alt.badge.img+2
  • Author
  • 5 replies
  • September 13, 2018
Thanks @Sona , I did finally have success adjusting the text directly (though I'll flag that for groups, there isn't a rich content editor, so I had to use in-line css, which was fine.) I think I've gotten the question to a point where it's at least answerable, but I'd love to find out if folks have guidance for the css formatting of the groups themselves. When I was fooling around in the inspector I found a lot of similar attributes that would cause unexpected issues when I would adjust.

Forum|alt.badge.img
  • 1 reply
  • March 6, 2024

Does anyone have a way to make the buckets smaller/narrower and allow for wider text on the answer options to be dragged?


Leave a Reply