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 :

enter image description here

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

Popular posts from this blog

toolbar - How to add link to user registration inside toobar in admin joomla 3 custom component -

linux - disk space limitation when creating war file -