Rotating text in repeating group

Why is it so difficult to rotate text in a repeating group?
Intuitively you would think that you can rotate the text 90° and align it to the bottom of the cell; however, it just squashes the text and remains in the middle of the cell.

This is what it should look like.

The only way I could get some sort of resemblance to my end goal was to use a fixed container and manually position the text. This backfires when the length of the text is too long and wraps to the next row, it messes up the alignment of the text with the circles below.

Could you just use CSS to do it? text-orientation - CSS: Cascading Style Sheets | MDN

Thanks for the suggestion. I don’t know much about CSS but I messed around with a few different examples. Regardless of what I did, I couldn’t get it to behave like I need it to.

The script below behaved the best, but the text doesn’t line up with the row of circles, and it’s still wrapping to the second row if the content is to wide.

transform-origin: 0;
  transform: rotate(-90deg);

Do you want to share your editor so we can see how you have everything setup.

This topic was automatically closed after 70 days. New replies are no longer allowed.