PDA

View Full Version : [FIXED][3.0svn4509] Splitter Transparency Issues



Lloyd K
22 Jun 2009, 3:41 AM
There seems to have been something changed after revision 4494 which makes my splitters suddenly go clear instead of the theme blue, you can see the issue in this image:

http://www.lloydkinsella.net/forumbin/0091.png

I've tried looking through the SVN log and can see nothing specific and it's not my code as far as I can tell because the only CSS I'm applying to those panels relates to the borders.

This is on Firefox 2 and Chrome, I can't check on IE due to an issue with MIF. It does not appear to affect the layout browser example however...

Condor
22 Jun 2009, 3:51 AM
AFAIK the border layout splitter has always been transparent. The only exception is IE6 for which it is white with an opacity of 100% (otherwise the splitter would only be 1x1px).


.x-layout-split{
background-color:transparent;
}
.ext-strict .ext-ie6 .x-layout-split{
background-color: #fff !important;
filter: alpha(opacity=1);
}

What is behind the splitters in your example?

Lloyd K
22 Jun 2009, 4:01 AM
Yes I saw that when I was looking in Firebug, I initially thought that was it so rolled back to 4494 and it had it set to transparent there so it wasn't there.

It's a bit of a nested panel nightmare, you have at the top level:

Viewport (Fit) -> Panel (Fit) -> Panel (Fit) -> Panel (Card)

Each card is then an extended Panel with a border layout set. In this layout the north region is a TabPanel and the south region another Panel.

Inside the TabPanel is other panels, the column panel (a tab) set to border with three panels inside that with margins set and resized manually on code (giving the appearance of a splitter there).

evant
22 Jun 2009, 4:14 AM
Can't reproduce this with any of the SVN examples.

Condor
22 Jun 2009, 4:14 AM
Example:

new Ext.Panel({
title: 'Outer panel',
layout: 'fit',
width: 400,
height: 300,
items: [{
title: 'Inner panel',
layout: 'border',
items: [{
region: 'center',
title: 'Center'
},{
region: 'south',
title: 'South',
height: 100,
split: true
}]
}],
renderTo: Ext.getBody()
});

Cause: The following 2 rules changed order in the current SVN trunk:


.x-panel-body {
border-color:#99bbe8;
background-color:#fff;
}

.x-border-layout-ct {
background-color:#dfe8f6;
}

Lloyd K
22 Jun 2009, 5:05 AM
I assume this is accidental and will be fixed at some point then? :)

evant
22 Jun 2009, 5:05 AM
Corrected in SVN, the order in the jsb was incorrect.

Lloyd K
22 Jun 2009, 5:07 AM
That's working like a charm again, thanks as always.