Hi Justin,
It doesn't have too much to do with the Grid. It has to do with CSS and standard HTML. In IE 5.5 and above, you can use the following CSS attribute to make text vertical:
layout-flow: vertical-ideographic
For example:
Code: HTML/ASPX
<div style="layout-flow: vertical-ideographic">vertical text</div>
You can apply this attribute to the Grid's ColumnHeaderStyle/ColumnHeaderHoverStyle to make the header text vertical (manually append "layout-flow: vertical-ideographic" to the end of the CssText property, which should already have some other attributes) . However this only works on IE.
You can use a more cumbersome, but cross browser way to render vertical text --- which is literally break each letter into a new line. Such as:
Code: HTML/ASPX
t<br />
e<br />
x<br />
t
This way you will set the column header's Text to such HTML text. This works well if you column header text is static, otherwise you will need to write some code to convert plain text to such HTML code. You can try out this by going to the Grid Builder, select a column and then change the column's HeaderText property to such HTML text, you will see the text becomes vertical immediately from the preview tab.
Once you started to use vertical header text, most likely you will also need to adjust the Grid's ColumnHeaderHeight property along with several other properties that provides the background image for the Grid because the column header's height will be bigger. You can find more information on how to customize the Grid's header appearance at here:
http://www.essentialobjects.com/ViewDoc.aspx?t=Grid%2fstyling.htmlHope this helps. Please feel free to let us know if you have any more questions.
Thanks