PDA

View Full Version : Panels with frame: true cause nested panels to not have borders



chinabuffet
2 Feb 2011, 3:56 PM
The title / example below pretty much highlight the problem. The inner panel will not have any borders around the body portion.



Ext.onReady(function() {

pnl = new Ext.Panel({
title: "Panel Title w/ Frame",
frame: true,
width: 600,
height: 450,
layout: "fit",
renderTo: document.body,
items: [{
title: "Panel Title w/o Frame" // i have no border now...
}]
});

});


The culprit seems to be this style in ext-all.css:



.x-panel-mc .x-panel-body {
background-color:transparent;
border: 0 none;
}


This was created as a result of some discussion in the following thread: http://www.sencha.com/forum/showthread.php?122786-Panels-with-frame-true-cause-nested-panels-to-not-have-borders