Set background color of component and it's children

[dijksvi]

Hi,

I'm trying to write a function that will dynamically change the background color of my Ext.Panel and all of it's children (items), plus their children etc. Somehow I believe this should be a recursive process. Unfortunately I'm quite a newbie in using java script, and don't really know how to do this. Any pointer or sample is highly welcomed.

Thanks,

Vincent :)

[Animal]

This is what CSS is for!

[dijksvi]

Thanks for the tip. I will look into this.

Vincent

[dijksvi]

This solved my problem. I added the following in my CSS to change the background of my Eanels.

.editable-selected .x-panel-body {
background-color: lightblue;
}

and on the mouseover/ mouseout events of a button I used the "addClass("editable-selected") and removeClass("editable-selected")" functions.

Works as a charm.

Vincent