标签上的Extjs Margin / Padding暴露灰色区域

Question

如果我使用边框布局并在其中一个区域添加标签，那么我想在它周围添加一些间距，以便它不会向上推到边框。然而，无论我使用什么（边距或填充），它总是暴露出一些丑陋的灰色/蓝色区域：

我不指望这个，因为标签位于面板上。我不明白透明度是如何进入等式的。

我只是添加我的标签：

var createPanel = Ext.create('Ext.panel.Panel', {

    border: false,
    region: 'center',

    layout: {
        type: 'border',
        pack: 'start'
    },
    items: [
        {
            xtype: 'panel',

            border: false,
            region: 'center',
            text: 'Create New With Selected Packets',
            items: {
                margin: 30, //or padding!!!!
                xtype: 'label',

                text: 'Create New With Selected Packets'
            }
        },
        {

            xtype: 'panel',
            border: false,
            region: 'east',
            items: {
                xtype: 'button',
                margin: '5 5 5 5',
                text: 'Create New '

            }
        }
    ]
});

jsfiddle here

Answer 1

您可以使用容器包装标签，例如：

{
        xtype: 'panel',
        border: false,
        region: 'center',
        text: 'Create New With Selected Packets',
        items: {
            xtype: 'container',
            padding: 30,
            items: {
                xtype: 'label',
                text: 'Create New With Selected Packets'
            }
        }
    }

工作示例：http://jsfiddle.net/vc8L43Lw/