How do I rotate a column header's text?

[Pawz]

I've got a grid consisting of many checkboxes with long column headers. How would I go about making my column headers be vertically aligned?

It needs to be a long first column with a long name in the first column of each row, and then the 2nd to 10th column are all booleans with long column header names (eg. "20mm Pencil Round"). I'd like to get my cell size to be just slightly larger than the checkbox, both length and width.

How would I accomplish this?

[Martin Vasilev]

Hi Pawz,

Thank you for writing.

Currently, RadGridView does not support changing the orientation of header cells text. We will consider adding this feature in one of our future releases.

If you have other questions do not hesitate to contact me again.

Best wishes,
Martin Vasilev
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Ben]

Hi Martin,

I also need a rotation option for the column header text. Does it exist already or is it scheduled for a future release?

Thanks,

Ben

[Martin Vasilev]

Hi Ben,

Thank you for contacting me.

We are still working on the feature and the good news is that we will try to include it in our upcoming release Q1 2009. Do not hesitate to contact me again if you have other questions.

Best wishes,
Martin Vasilev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Ben]

Hi Martin,

Do you already know if the requested feature is available in the Q1 2009 release of the WinForms and AJAX controls?
And do you have a sample/preview/demo for me?

Thanks, Ben

[Yavor]

Hello Ben,

Thank you for the questions.

The good news is that in the upcoming Q1 2009 release,  we will include vertical header text feature for RadGridView  for WinForms. It is still too early to prepare an example, but we will make one as soon as the release is available.

With respect to the Ajax controls. This behavior can be achieved via custom css code. The idea is basically to alter the css for the header, and make it rotate vertically. More information on this is available in the following article.

Greetings,
Yavor
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Ben]

Hi there,

Could you please send me a winforms example and a AJAX example? We are currently evaluation what next step
we have to make. Please respond on my e-mail adress.

Thanks,

Ben

[Yavor]

Hi Ben,

Please follow the provided link in the previous post about ASP.NET AJAX.

For WinForms, you can use the following code snippet:

private void Form5_Load(object sender, EventArgs e)
        {
            this.radGridView1.Columns.Add(new GridViewTextBoxColumn("ABCDEFGH"));
            this.radGridView1.GridElement.TableHeaderHeight = 90;
        }

        private void radGridView1_ViewCellFormatting(object sender, CellFormattingEventArgs e)
        {
            GridHeaderCellElement element = sender as GridHeaderCellElement;
            if (element != null)
            {
                element.TextOrientation = Orientation.Vertical;
            }
        }

Additionally, you can set the orientation of the header via the following css attributes:

 {
writing-mode: tb-rl;
filter: flipv fliph;
}

I hope this helps.

All the best,
Yavor
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Rob]

We are using the 2010 version, so I assume you have a solution for rotating the header now? :)

[Bruno]

hi

this is bruno

We using Jquery because problem with diferent browsers

http://stackoverflow.com/questions/278940/vertical-text-with-jquery

http://pupunzi.com/#mb.components/mb.flipText/flipText.html

tahnks

[Gunbilegt]

May 1st 2011. Do you support vertical text now?

[Emanuel Varga]

Hello,

If you are talking about WinForms, it does rotate the text, you can follow the code snippet provided by Yavor.

Hope this helps, if you have any other questions or comments, please let me know,

Best Regards,
Emanuel Varga

Telerik WinForms MVP

[Gunbilegt]

Nope I was talking about Asp.Net Ajax RadGrid.

I went to following link but guy linked to this topic So I assumed it was Ajax Forum. Sorry for posting in wrong forum. But can you answer to this question in Ajax forum.
http://www.telerik.com/community/forums/aspnet-ajax/grid/vertical-column-headers.aspx

[Tsvetina]

Hello Gunbilegt,

RadGrid does not offer this feature by default, so you would need to use a custom approach in order to achieve such look.

A few of the previous posts in this thread discuss possible options with jQuery or CSS.

Regards,
Tsvetina
the Telerik team

[Jose Luis Torres Calderon]

Hi, I can´t rotate the header text even with the given snippet, some one can help me please?

Thanks

[Michael]

I too have been trying to get this feature working. Kind of expected it to have been implemented by now as it has been outstanding since 2008.  Ill look into the jquery or css options... 

[Tsvetina]

Hi Michael,

You could submit this as a Feature Request, so that it gets to our developers and they consider it for implementation. Until now it has not been submitted as a request by anyone and having in mind that this thread was originally posted in the WinForms forums, the discussion has not been well visible to the ASP.NET AJAX developement team.

Greetings,
Tsvetina
the Telerik team

[Andy]

Make sure that you add the code in Yavor's snippet to the ViewCellFormatting event and not the CellFormatting event of the GridView.

[Axel]

... deleted ...