Click here to Skip to main content
12,943,913 members (57,063 online)
Rate this:
 
Please Sign up or sign in to vote.
See more:
I did the Grid View Header Text Vertical using with the following style
<style type="text/css"> 
 
.VertiColumn th { 
writing-mode: tb-rl; 
filter: fliph()flipV(); 
 
} 
 
</style>
 
<HeaderStyle CssClass="VertiColumn" />

But i want the Header to be like this in Vertical. Shouldn't show full text in one line, it should wrap the text.

eg:

"Monthly
Rate"
Posted 26-Sep-12 21:21pm
Robymon1.1K
Updated 26-Sep-12 21:35pm
JF201555.3K
v2
Rate this: bad
 
good
Please Sign up or sign in to vote.

Solution 1

try yo use this piece of code in ur css class

.headerText
{
display:block;
height:128px;
width:128px;
vertical-align:bottom;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.headerBottom
{
vertical-align:bottom;
}

here's the aspx page
The column is defined as:

<ext:column columnid="indAcademic" header="<span class='headerText'>Academic Indicator</span>" width="48" dataindex="AcademicInd" xmlns:ext="#unknown">
<renderer fn="IndicatorCol" />
  Permalink  
Rate this: bad
 
good
Please Sign up or sign in to vote.

Solution 2

  Permalink  

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

    Print Answers RSS
Top Experts
Last 24hrsThis month
OriginalGriff 4,653
CHill60 2,970
Maciej Los 2,388
Jochen Arndt 1,900
ppolymorphe 1,765


Advertise | Privacy | Mobile
Web02 | 2.8.170518.1 | Last Updated 27 Sep 2012
Copyright © CodeProject, 1999-2017
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100