dhtmlxLayout header text rotation

I am learning example on dhtmlx.com/docs/products/dhtmlxL … .html#code
which has a cell with rotated text “Links”. I copied the whole code and run on my site. It is all same but without rotation of the “Links”.

What did I miss?

This cell is collapsed.
It is default behaviour: rotate labels in collapced cells.
You need to use method setCollapsedText()
docs.dhtmlx.com/api__dhtmlxlayou … dtext.html

I added a code
but it is no help. How do I check the “rotation”? I couldn’t find anything about “rotation” from Documentation.

Here is my code copied from the example with additional line of myLayout.cells(“d”).setCollapsedText(“Links”);

<script type="text/javascript">
var myLayout;
function doOnLoad() {
    myLayout = new dhtmlXLayoutObject({
        parent: "layoutObj",
        pattern: "4H",
        cells: [
            { id: "a", text: "Navigation", width: 100, header: false, fix_size: [true, null] },
            { id: "b", text: "Advertisement", height: 100 },
            { id: "c", text: "Main Page" },
            { id: "d", text: "Links", collapse: true }


What browser, OS, DHX version and skin do you have?
Locally your code works fine

I tested it on Windows 7, VS2013, and IE11.

I just changed the browser to Chrome, and it works as expected.

What should I do for it working on IE?


I just realized my IE11 is working as Compatibility View on localhost. That may be the reason why it works weird. I removed the Compatibility-View from localhost, and it works as expected now.

What types of browser does DHX support?

Some users are still work with old browsers, such as IE8. How do I make it working for cross browsers, or at least for IE compatibility-view browser?


We support Mozilla Firefox, Google Chrome, Opera, Safari and Internet Explorer (from IE8)

I tried a “4T” layout, and I need the cells(“b”) collapsed text on top, so my code is

Whatever I set the “float”, the collapsed text is always on the bottom. What did I miss?


In is on the bottom by default and hardcoded