[Users] Collapsible Panel Header Problem

[brad]

I am using Ext 3.3 and am using a Ext.Viewport to build my map and east
panel etc. This works fine but I have a minor problem. 

 

In my 'east' panel have nested layerTree (north), layerLegends (center) and
a warning message (south). See code here.

 

items:

[{

// ----- this contains the layer tree, the legend area and warning message
panels                                                              

                region                   : 'center',

                layout                   : 'border',

                border                  : false,

                items:

                [{             // --- this is the layer tree

                                                region                   :
'north',

                                                expanded           : true,

                                                border                  :
false,

                                                resizable              :
true,

                                                height                   :
330,

                                                autoScroll            :
true,

                                                items:[  controlPanels.tree
]

 

                }, {          // --- this is the legend area

                                                region                   :
'center',

                                                title
: 'Layer Legends',

                                                collapsible           :
true,

                                                split
: true,

                                                border                  :
false,

                                                resizable              :
true,

                                                autoScroll            :
true,

                                                items:[
controlPanels.legend     ]

 


                }, {          // --- this is the layer dependent warning
panel

                                                region                   :
'south',

                                                height                   :
60,

                                                border                  :
true,

                                                header                 :
false,

                                                id
: 'warningMessage',

                                                html                       :
"<div style='color:red; padding:5px; font-size:11px;
font-weight:bold;'>***This is where I place my warning message***</div>"

}]

 

I am collapsing and expanding the 'south' panel based on the layers that the
user is setting. i.e. I only want to see this message if a certain layer is
selected by the user.

 

I successfully do this with the following code:

Ext.getCmp('warningMessage').collapse();

Ext.getCmp('warningMessage').expand();

 

When the message panel is expanded it works correctly in that the center
panel immediately above it readjusts its height to accommodate the expanded
panel. However, when 'collapsed' the header remains. This header is also
clickable and on click will show the header and the body of the panel.

 

Is there any way of suppressing the header when a panel is collapsed?

 

Cheers,

 

Brad Spencer

Managing Director,  NuMaps

http://www.numaps.com.au/

tel: 02 9672 6856

mob: 0404 841 131

see my artwork here <http://www.paintingsilove.com/artist/bradspencer> 

 

-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://www.geoext.org/pipermail/users/attachments/20110804/624578c8/attachment.htm