View Full Version : highlight collapsed border region

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 ?

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.