Hello everyone,
A section of my application requires text in vertical form. I need an idea on how to make text stand vertical. Please, kindly assist. Thanks
Apply a CSS class like: .vertical-text {writing-mode: vertical-rl;text-orientation: upright;} Assign it to your element, and adjust writing-mode or text-orientation as needed. See https://developer.mozilla.org/en-US/docs/Web/CSS/text-orientation for options.
Hi @Harrison
You can use this CSS:
.vertical-text {
writing-mode: vertical-lr; /* vertical-rl also works */
text-orientation: upright;
}
vertical-rl : text flows from top to bottom.
vertical-lr : text flows bottom to top.
text-orientation: upright : keeps each character upright.
Usage in OutSystems:
Drag a Container or Expression.
Assign Style Classes : vertical-text.
Add your text.
I hope this helps
Thanks
Hi @Harrison,
You can Direct apply on Style in properties "vertical-text "
Add just writing-mode: vertical-rl;