PDA

View Full Version : Why is there a line 1/8 inch above bottom of panels?



glafrance
20 Jul 2012, 4:48 PM
With the following code, why is there a thin line about 1/8 inch above the bottom of the panels? Adjusting padding, margin, border, etc. does not get rid of it.


Ext.define('Tutorials.view.ModuleInfo' ,{
extend: 'Ext.panel.Panel',
alias : 'widget.moduleinfo',
layout: {
type: 'hbox',
align: 'stretch'
},
padding: "10 10 10 10",
items: [
{
title : 'Raw XML Data - Click a node to see its data',
layout: {
type: 'fit'
},
flex: 1,
id: 'rawXmlContainer',
items: {
xtype: 'textarea',
id: 'rawDataTA'
},
},
{
title : 'Raw XML Data - Click a node to see its data',
layout: {
type: 'fit'
},
flex: 1,
id: 'rawXmlContainer2',
items: {
xtype: 'textarea',
id: 'rawDataTA2'
}
}
]
});

37382

suzuki1100nz
20 Jul 2012, 8:35 PM
Hi,

I tried your code in firefox and chrome and I dont get the 1/8 gap or thin line you pointed out.
So its something else in your code causing it.
I would change your code to extend container not panel as the parent doesnt need to be a panel
i.e. it has no title, header, footer or toolbar docked

See if that makes a difference

scottmartin
21 Jul 2012, 2:46 PM
I would check for rogue CSS in your project. If this is not the case, then using a debugger to inspect that element and see where it is coming from.

Scott.