Title in collapsed Layout Panel

[skellenb]

Hi,

Is there a way to set/show the Title in a collapsed Layout Panel?

When collapsed east or west panel the Title should be visible rotated 90 degrees like in ExtJS
In north, south and Center Panel the Title should be visible like when its expanden...

[stworthy]

This feature is not available in current version. The code below shows a simple way to display the rotated title when the west panel is collapsed.

Code:

$(function(){
var p = $('body').layout('panel','west').panel({
onCollapse:function(){
var title = $('body').layout('panel','west').panel('options').title;  // get the west panel title
var p = $('body').data('layout').panels['expandWest'];  // the west expand panel
p.html('<div style="-moz-transform: rotate(90deg);padding:6px 2px">'+title+'</div>');
}
});
});

[skellenb]

many thanks for the Help

can i do something like this to show the title in collapsed east panel (closed at init with collapsed=true)??

Code:

$.parser.onComplete = function(){
$('body').css('visibility','visible');
var title = $('#mainlayout').layout('panel','east').panel('options').title;  // get the east panel title
var p = $('#mainlayout').data('layout').panels['expandEast'];  // the east expand panel
p.html('<div style="-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);padding:6px 2px;font-weight:bold;">'+title+'</div>');
};