Ext.ux.PanelCollapsedTitle - Cross-browser vertical text

[Yoris]

Great Work!! Thanks for sharing!!!!

[wm003]

Just what i needed. Thank you very much for sharing!

[MaximGB]

Thanks a lot.

[Boxcopter]

Great plug-in works as you would hope it would. Fast too.

[pdugas]

I wonder if this concept could be applied to grid column headings.

[joeri]

pdugas, can you explain what you mean? This concept can be used to display any text vertically in the browser.

[wm003]

i guess he wants to use very small grid columns but a column header with a much larger text

[pdugas]

I'm wondering first if there's a way to override the default appearance of grid column headings and then, if this plugin could be converted into another that would allow the text of grid headings to be rotated. Think about displaying data where the values are narrow but the heading-text is pretty long. I expect this would be pretty messy to implement and I'm not sure how to deal with the controls (sort, group, show/hide, filter) that they can have.

[wemerson.januario]

nice work

[joeri]

I'm wondering first if there's a way to override the default appearance of grid column headings and then, if this plugin could be converted into another that would allow the text of grid headings to be rotated. Think about displaying data where the values are narrow but the heading-text is pretty long. I expect this would be pretty messy to implement and I'm not sure how to deal with the controls (sort, group, show/hide, filter) that they can have.

Just look in GridView.js. It's quite easy to change the behavior of the headers in a subclass. The hcell template defines the content of the header cell. The meat of the rendering is in renderHeaders and renderUI, and the event handling is in the handleHd... functions. If you get really creative, you could even do it with a plugin.

I am doubtful about the utility though. Vertical text is tall, and you run the risk of having a ridiculously tall header.