PDA

View Full Version : accordion-frame and padding



piccard
14 Jul 2010, 8:43 AM
Hello,

for demonstrations purposes I have copied the example of the accordion-layout and put in the option 'frame: true'.




var item1 = new Ext.Panel({
title: 'Accordion Item 1',
html: '<empty panel>',
cls:'empty'
});

var item2 = new Ext.Panel({
title: 'Accordion Item 2',
html: '<empty panel>',
cls:'empty'
});


var accordion = new Ext.Panel({
region:'west',
frame: true,
margins:'5 0 5 5',
split:true,
width: 210,
layout:'accordion',
items: [item1, item2]
});


var viewport = new Ext.Viewport({
layout:'border',
items:[
accordion, {
region:'center',
margins:'0 0 0 0',
cls:'empty',
bodyStyle:'background:#f1f1f1',
}]
});


As you can see in the attached pic there's small but annoying gap between the panel-border an the accordion-items and I can't vanish it. So far I just used the option

bodyStyle:'border:0px; margin:0px; padding: 0px;',, but it doens't work.

Has anyone of u an idea?
thanx ;-)