css - Removing whitespace in ExtJS 4 accordion panel, fit contents to width/height -

To differentiate me from div to move existing ExtJS 4 panels on a page Has been tasked with, in an Accordion layout; I have moved div s as an item to Accordion, and the panels are being provided adequately.

In my special case, however, the Aachen panel is some (10px all round) padding that I would like to remove.

I suspect that this may happen with some preceding table styles that I can not unfortunately remove.

If this can not be a CSS style, or if it is, then what should I do with stylesheet modifications to control the activity controls in the Acronion panel and to target its content? As easy as an arrondon config / property, what settings do I need to remove this whites? I have tried some settings that seem promising, but have not fixed the problem.

Or, in more negative situations, I have to move the panels directly to the Accordion, which still brings more problems with it?

Essentially, How can I fit the contents of each panel in the ExtJS Accordion layout to the width and height of my personal panel panel without any white space?

AQUEN PANEL EXTJS CODE:

  var accordion = Ext.create ('Ext.panel.Panel', {bodyPadding: '0px', width: '370px', AutoHeight: 'False', Layout: 'Adrian', Item: [{Title: 'Drawing', html: '& lt; div id = "Image" style = "padding: 0 pixels, margins: 0 px ; Boundary-difference: 0x; height: 350px "& gt; / div & gt; '}, {title:' production process ', html:' & lt; div id =" process "style =" Padding: 0px; margin: 0px; border-spacing: 0px "> gt; & gt; & gt; & gt; & gt; '}, {title:' Product Item Details ', html:' & lt; div id =" Details "style =" dding: 0p Excel, margins: 0 pixels; border-spacing: 0 pixels "" gt;  / div & gt; '}], render: Ext.get (' Accordion ')};  

My workmanship has been used to take pre-existing panels and apply collapse control variables:

  var drawingPanel = Ext.create ('Ext. Panel: panel, {anime columnps: false, openable: true, auto-wide: true, title pen: true, collapse first: wrong, collapsed: True, ...  

and collapse / expand / before Senders To get the cookies / controls that control the standing position:

  ... listeners: {extension: function () {var now = new date (); Var exp = new date (now .gate time) + 2592000000); // Now the number of milliseconds equal to 30 days from the Ext.util cookies .set ('panel collapsed', 'wrong', XP);}, fall: function () {var = = new date (); Var exp = new date (now get time) + 2592000000); // Now the number of milliseconds equal to 30 days from Ext.util.Cookies.set ('panelCollapsed', 'true', exp); }, First cadre: function () {var cookieSet = Ext.util.Cookies.get ('panelCollapsed'); If (cookieceet == 'true') {Ext.apply (Ext.getCmp ('panel'), {collapsed: true}); } And {Ext.apply (Ext.getCmp ('panel'), {collapsed: false}); }}}});  

Other properties of the panel have been stripped to display key points.

This implementation considers a panel itself; The extent and extent of the audience can control the collapsed position of essentially necessary panels. Of course, this is probably not equally efficient for the apiary control to work properly, but if they do not do the expected work, then it is a start.