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

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 {
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