PDA

View Full Version : highlight collapsed border region



millernegro
12 Nov 2010, 7:08 AM
Hello i have a viewport with a left region which is collapsed.

when i click on menu, the west regiong (collapsed one) reloads with different options. is there a way i can highlight that region in the collpased mode so the user knows it has happened something there ?

Screamy
12 Nov 2010, 10:24 AM
This works for me:



var myPanel = {
xtype: 'panel',
title: 'collapse test',
layout: 'border',
items: [{
xtype: 'panel',
region: 'west',
id: 'panelWest',
collapsible: true,
width: 60
},{
xtype: 'panel',
html: 'Test',
region: 'center'
}]
};


After 'myPanel' is added to a container/rendered, collapse the west region and try this:



Ext.get('panelWest-xcollapsed').highlight()Note that the 'west' panel has an ID of 'panelWest' and Ext tacks on '-xcollapsed' to give the collapsed panel a unique ID.