Hello,
I would like to display text vertically in switches like this:
![image](https://canada1.discourse-cdn.com/free1/uploads/openstagecontrol/original/2X/5/52945a7e040045977d57de6280ef7778f2ea2b03.png)
I have tried using the HTML code part of the widget like this:
<p style="writing-mode: vertical-rl">test</p>
Obviously, only the text "test" between the <p> and </p> tags has been displayed and set vertically while the labels defined in switch->values are not impacted.
![image](https://canada1.discourse-cdn.com/free1/uploads/openstagecontrol/original/2X/8/8f215ae5beb13de99fb1183b60908567d8bf4125.png)
Is it possible to do it?
This in the css property will do:
value {
writing-mode: vertical-rl
}
Thank you Jean-Emmanuel. However I was rather seeking left-to-right direction but the vertical-rl value seems to be interpreted as vertical-lr
just for me
Writing Modes And CSS Layout — Smashing Magazine about the writing-mode
and yes it seems as @amundsen says left to right and no difference between rl or lr
cheers
Adding transform: rotate(180deg);
might do in that case.