How To Add Margins On Ext.Panel In Sencha Touch

When you add an Ext.Panel and you did not set it to fullscreen while setting centered to true, the result may look like on the left photo.

Notice the black borders of the Ext.Panel touching the side? While this may not look the same in a tablet considering its size, it will look like this in a phone.

To add margins that look like in the right photo, add the margin attribute in the config options and supply values for top, left, bottom and right just like in CSS.

Related Posts Plugin for WordPress, Blogger...

Leave a Reply

Your email address will not be published. Required fields are marked *