Extjs Margin/Padding on label exposes gray area -
if use border layout , add label 1 of regions, want add spacing around not pushed against border. no matter use (margin or padding) exposes ugly gray/blue areas :

i not expect this, because label sitting on panel. don't understand how transparancy comes equation.
i adding label :
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 selected packets', items: { margin: 30, //or padding!!!! xtype: 'label', text: 'create new selected packets' } }, { xtype: 'panel', border: false, region: 'east', items: { xtype: 'button', margin: '5 5 5 5', text: 'create new ' } } ] }); jsfiddle here
you can wrap label container, like:
{ xtype: 'panel', border: false, region: 'center', text: 'create new selected packets', items: { xtype: 'container', padding: 30, items: { xtype: 'label', text: 'create new selected packets' } } } working example: http://jsfiddle.net/vc8l43lw/
Comments
Post a Comment