Ext.ux.PanelCollapsedTitle - Cross-browser vertical text

[imran]

woah, nicely done!

[gustavo21]

This is a GREAT plugin, and this post deserves to come alive. Thanks

[gustavo21]

Hi, this doesn't work on adobe air... when i collapse the panel, just show the firtst char, not rotate. Any help??

Thanks.

[joeri]

Adobe Air doesn't support SVG, so the fallback path for IE is triggered.

You could try adding something like this after the "writing-mode" style: -webkit-transform: rotate(90deg);

However, you may have issues with bad alignment if you do that, so you may have to toy around with the top and left styles in that case.

[gustavo21]

Thanks! but i have a question... where should i write "style: -webkit-transform: rotate(90deg);"?? jeje

I do:

// use writing-mode for vertical text
titleElemStyle +=
'white-space: nowrap; writing-mode: tb-rl; top: 1px; left: 3px; style: -webkit-transform: rotate(90deg)';


And do nothing... any else??

Thks

[gustavo21]

Soy Groosssooo jeje

Here is what i did:

In index.html:

.x-panel-header-rotated {
    -webkit-transform: rotate(90deg) !important;
}

[Gariq]

Very useful, thanks

[zeraien]

Just implemented it with ext 3.4.0, works great! Thanks!