Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
See more: C#2.0 ASP.NET
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.2K
Edited 26-Sep-12 21:35pm
JF201553.1K
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:
 


  Permalink  
Rate this: bad
good
Please Sign up or sign in to vote.

Solution 2

Just add this line to ur ".VertiColumn th":
 
word-wrap: break-word;
 

 
references:
 
http://webdesignerwall.com/tutorials/word-wrap-force-text-to-wrap[^]
 
http://stackoverflow.com/questions/3949762/how-to-wrap-text-using-css[^]
  Permalink  

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

  Print Answers RSS
0 OriginalGriff 328
1 Sergey Alexandrovich Kryukov 295
2 Gihan Liyanage 292
3 ClimerChinna 222
4 Abhinav S 187
0 Sergey Alexandrovich Kryukov 8,213
1 OriginalGriff 7,089
2 CPallini 2,598
3 Richard MacCutchan 1,925
4 Abhinav S 1,778


Advertise | Privacy | Mobile
Web01 | 2.8.140826.1 | Last Updated 27 Sep 2012
Copyright © CodeProject, 1999-2014
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