PDA

View Full Version : Collapsed BorderLayout - custom styles



PHPman
24 Feb 2011, 6:03 AM
Hello

How I can change the CSS styles for collapsed BorderLayoutRegion ? e.g. remove borders and change colors/backgrounds ?

laurentParis
24 Feb 2011, 6:17 AM
Inspect element to found class name used
and modify css...

PHPman
24 Feb 2011, 6:35 AM
Yes i know, but first I am trying to find a solution,
that does not change the extJS source codes :)

laurentParis
24 Feb 2011, 7:00 AM
???
I don't suggest to you to modify extjs source code !
you need to create your own css file and go hover extjs rules.

PHPman
24 Feb 2011, 7:02 AM
Ah yes, thx :)

laurentParis
24 Feb 2011, 7:09 AM
add class '.my-panel' on your collapsabled panel
and add this css rule



.my-panel .x-layout-collapsed {
background-color: red;
border: 0px;
}