Display header text vertically in ASP.NET mesh

Question

Is there a way to display the header text in a vertical grid?

http://img371.imageshack.us/img371/4813/testyk6.jpg

I hope this link works

thanks

Answer 1

I believe that you will have to use images. Created at design time or used by HttpHandler to generate images at run time if they are to be dynamic. Make all the fields in the TemplateFields and place the image in the HeaderTemplate. The view is tiring, but this is the only way I can think. Perhaps some third-party grid controls can handle this.

Answer 2

Silverlight can do this (like Flash, I'm sure). CSS3 will support it. But graphic text is the way to go now.

You can use any of several methods for hiding text in CSS to show text for available browsers, but show graphics (with text arranged vertically) for sighted users.

Answer 3

I did this IE using the following CSS, although it may be limited by browser, version, etc.

recording mode: tb-rl; filter: flipv fliph

Answer 4

Stu Nicholls has an interesting HTML / CSS technique, if a little verbose HTML. However, it does not perform the turn of words you are looking for. Just throwing away another option.

Answer 5

If you are not opposed to an IE-only solution, you can use some of the css filters that IE supports. Something like that:

<div style="width:100%; filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);"> This text is rotated 90 degrees. </div> 

Answer 6

In IE7 +, you can use the DX conversion:

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

In older IE (for poor souls still stuck):

 filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 

In Safari / Chrome (on any website) you can use the conversion:

 -webkit-transform: rotate(270deg); 

Recent FX builds have the equivalent:

 -moz-transform: rotate(270deg); 

But this is not the main one.

I am trying to do this with graphic text, but with a few problems .

Answer 7

I used break (br) between each letter

Answer 8

 /*Do this in a loop for each header cell so Cells[0] to cells[however many] and however long the string is so use length properties to get the actual length of the text string */ protected void GridView1_SelectedIndexChanged(object sender, EventArgs e) { StringBuilder vtxt = new StringBuilder(); vtxt.Append(GridView1.HeaderRow.Cells[0].Text.ToString().Substring(0,1)); vtxt.Append("<br />"); vtxt.Append(GridView1.HeaderRow.Cells[0].Text.ToString().Substring(1, 1)); vtxt.Append("<br />"); vtxt.Append(GridView1.HeaderRow.Cells[0].Text.ToString().Substring(2, 1)); vtxt.Append("<br />"); vtxt.Append(GridView1.HeaderRow.Cells[0].Text.ToString().Substring(3, 1)); vtxt.Append("<br />"); vtxt.Append(GridView1.HeaderRow.Cells[0].Text.ToString().Substring(4, 1)); vtxt.Append("<br />"); vtxt.Append(GridView1.HeaderRow.Cells[0].Text.ToString().Substring(5, 1)); vtxt.Append("<br />"); vtxt.Append(GridView1.HeaderRow.Cells[0].Text.ToString().Substring(6, 1)); vtxt.Append("<br />"); vtxt.Append(GridView1.HeaderRow.Cells[0].Text.ToString().Substring(7, 1)); GridView1.HeaderRow.Cells[2].Text = vtxt.ToString(); }