CODEWITHSUNDEEP
sencha-touchextjs
Jeaf Gilbert
Jeaf Gilbert

Reputation: 11981

Text alignment of Sencha Touch toolbar

How to left align the My Toolbar text through option (not CSS override)?

var myToolbar = new Ext.Toolbar({
    dock : 'top',
    title: 'My Toolbar',
    ???
});

Thanks.

Upvotes: 0

Views: 2908

Answers (1)

Pablo Navarro
Pablo Navarro

Reputation: 8264

You can change the layout of the toolbar

layout: {
    pack: 'justify',
    align: 'left' // align center is the default
}

This will change the layout of the buttons also (if any). You can control this behavior adding spaces between the title and the buttons. See this article for more details http://www.sencha.com/forum/showthread.php?102989-docked-toolbar-and-button-positioning.-align-attribute-is-ignored.

Upvotes: 2

Related Questions