dhtmlxLayout header text rotation

Suite and Optimus Suite 5
#1

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?

#2

Hi
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

#3

I added a code
myLayout.cells(“d”).setCollapsedText(“Links”);
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 }
        ]
    });
    myLayout.cells("d").setCollapsedText("Links");
}
</script>[code]

[/code]

#4

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

Untitled.png711×512 95.2 KB

#5

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?

Thanks,

#6

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?

Thanks,

#7

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

#8

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

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

Thanks,

#9

In is on the bottom by default and hardcoded