Hi all,
For those in need for vertical writing, I’m sharing here how I implemented it :
Add a StyleSheet component to the form.
In the StyleSheet “styles” property add this code :
.rotated270 { writing-mode: tb-rl; transform: rotate(-180deg); }
Add i.e a Label, set it’s “AutoSize” property to “false”
Due to the Stylesheet component, now you have a property attached to the label “CssClass”, let’s type the name of the style we defined “rotated270“.
For some controls, as soon as you start resizing it in the designer, the designer will show you the control with the vertical text.
For others like a textbox, it isn’t the case, but at least you can visually place your component.
Sometimes you have to play with the property “TextAlign” to get the wanted result.
Some other components like Listview and combobox need the addition of a”rotation” component instead of the “stylesheet” component.
In that case you define the angle into : rotation -> RotateZ=-90
I prefer to use as much as possible the stylesheet, because when you start using the rotate component, exact positioning becomes really tricky. At time of writing, it doesn’t support docking, and you have to try and fail the transform using the “origin” property, i.e “0% 100%” …
So, the bottom line is : not the perfect world, but at least you can achieve decent designs.
Regards.
Yes. In three different ways:
Please login first to submit.