Jump to content
uniGUI Discussion Forums

Unidbgrid vertical oriented column title

Recommended Posts



How can I make some of my unidbgrid column title to vertical oriented like the picture shown ?





Share this post

Link to post
Share on other sites



One possible solution:


1. CustomCSS:

.grid-header-vertical .x-column-header-text {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    /* transform doesn't work on inline elements */
    display: inline-block;
    /* need to hard code a height for this to work */
    /* you could use Ext.util.TextMetrics if you needed to dynamically determine the text size */
    height: 40px;

.x-ie8 .grid-header-vertical .x-column-header-text {
    /* IE8 doesn't have css transform */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);


function reconfigure(sender, store, columns, oldStore, oldColumns, eOpts)

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now