By Alvin Alexander. Last updated: June 6, 2016
The following code shows how I set the margins on a Sencha Touch component (an item in a list of items):
{ xtype: 'container', style: 'text-align: left; margin-left: 26px; margin-top:14px;', html: '<div>Funny - 20<br/>Voted Yes, But Not Worth It - 2</div>', id: 'checkboxView', }
As shown, you do this by setting the style on the component.
It seems like the following code should have also worked, but it didn’t:
style: 'text-align: left; margin: 14px 0 0 28px;',
I may have just typed something wrong, but after not getting it to work a couple of times, I went with the code shown initially (above).