Make child Panels unselectable Ext-Js 4.0

[PriyaL]

I have a Main Panel with two or more child panels.Child Panels should not be selectable.Even if child is selected,only the Parent should be selectable/Highlighted.Is there any property/any way to do it.

[stephen.friedrich]

Have you tried childPanel.el.unselectable() ?

[PriyaL]

Ya tried that but still its the same behavior

[wildfire]

Add and apply the following css rule to each panel:

.unselectable {
	-webkit-user-select: none; /* Chrome all / Safari all */
	-moz-user-select: none; /* Firefox all */
	-ms-user-select: none; /* IE 10+ */


	/* No support for these yet, use at own risk */
	-o-user-select: none;
	user-select: none;
}