forum

Home / DeveloperSection / Forums / Extjs - How to set items margins and paddings?

Ask Question

Extjs - How to set items margins and paddings?

Anonymous User 3176 04-May-2016
I am new in ExtJS environment. My problem is how can I set magins and paddings in our form.
Below I have provided my code: I have created a panel with some items :
{
    xtype: 'panel',
    margin: '20px;' // this margin is not working for me
    items: [
         {
            boxLabel: 'First Check',
            xtype: 'checkbox'
         }, {
            boxLabel: 'Second Check',
            xtype: 'checkbox'
         }]
}
I tried using margins and padding but none of them is working for me.
Please provide me the solution. 
Thank you.
sencha extjs javascript  sencha  sencha cmd 
Updated on 13-May-2016
Anonymous User

Anonymous User

Follow
I am a content writter !

Can you answer this question?

Answer

1 Answers

Tarun Kumar

Tarun Kumar

13-May-2016
You can set the margin and padding of the panel using the bodyStyle: property. In the bodyStyle property we can define both of them together. below I have provided an example on your code:
{
    xtype: 'panel',
    bodyStyle: 'margin: 10px; padding: 10px 5px;',
    items: [
         {
            boxLabel: 'First Check',
            xtype: 'checkbox'
         }, {
            boxLabel: 'Second Check',
            xtype: 'checkbox'
         }]
}
I hope it will be helpful for you.

Liked By