Skip to content

Instantly share code, notes, and snippets.

@dudelis

dudelis/k2-listview-headers-rotate.html

Last active December 7, 2018 12:07
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save dudelis/6a8c020b1ca9777f8b1b8f9b806c5802 to your computer and use it in GitHub Desktop.
Save dudelis/6a8c020b1ca9777f8b1b8f9b806c5802 to your computer and use it in GitHub Desktop.
Download ZIP
K2 Smartforms: How to rotate ListView headers
Raw
k2-listview-headers-rotate.html
<style>
div[name="viewTestVerticalColumnHeader"] .grid-column-header-table tr {
height: 100px; /* This value defines the height of your header*/
white-space: nowrap;
}
div[name="viewTestVerticalColumnHeader"] .grid-column-header-table .grid-column-header-cell {
transform:
translate(25px, -5px) /* This numbers you have to change to move the header after rotation*/
rotate(315deg); /* This defines the angle of rotation. - 45 is really 360 - 45 */
width: 140px!important; /* This value defines if you see all the text or some of the characters*/
}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment