[SOLVED]multiple east & west border layout region titles

[sj137]

Hi I'm using a border layout with two collapsible east & west regions.

I created the sideways text as an image in photoshop and use the following css to display them:



.x-layout-collapsed-west {
background-image: url(images/westtitle.gif);
background-repeat: no-repeat;
background-position: center;
}


now i want to add another border layout panel with east and west regions inside a dialog box,

how can i distinguish between the different regions so i can have different title images?

or what is the best way to set the title images of the different regions

Many thanks in advance

Rgds, SJ

[sj137]

sorry this is a blatant bump, css is my least adequate skill, if anyone has any idea how i should go about this please let me know, best regards, SJ :)

[evant]

You could probably do it by adding an extra css class, like:



var collapsed = layout.getRegion('west').collapsedEl;
collapsed.addClass('west1');


.west1
{
...
}

[sj137]

worked like a charm Evant, Many thanks!!

:D