Radzengrid Title

[Claus_Kessel]

Is it possible that the text direction of title goes vertical and not horizontal?

[enchev]

Hi @Claus_Kessel,

This is not possible.

[korchev]

You can try with adding the following CSS rule to your application:

.rz-column-title {
   writing-mode: tb;
   text-orientation: upright;
}

It will make the headers to look like this:

You can also try just

.rz-column-title {
   writing-mode: tb;
}

which leads to:

or even:

.rz-column-title {
   writing-mode: tb;
   transform: rotate(180deg);
}

[JUN]

Sorry for revisiting such an old post, but I have the same question/problem. I am trying to rotate the text and the last option shown below would work perfectly, but I can not find where to insert the code, should this be in the styles.css file? Thank you for the support!

.rz-column-title {
writing-mode: tb;
transform: rotate(180deg);

[korchev]

Yes, you can append it to your styles.css file. Just make sure styles.css is included after the Radzen Blazor theme CSS file.

[JUN]

@korchev

.rz-column-title {
   writing-mode: tb;
   transform: rotate(180deg);
}

Thank you, that worked, but I failed to mention that I am trying to rotate the text for only 1 datagrid in a specific page (ProjectTask)

Thank you!

[JUN]

Hello, I am still working on this and thought I would ask again.

Here is the IDE I am using

The system creates these files:

Due to the length of the field name (I can not change this) I want to rotate the TITLE text 270 degrees so that its vertical