make back button on the right side and long title beautiful on the navigation Bar

[jwjiwon]

I got the navigation view,


I realized that if the title is long enough to be bigger than the width of browser,
it becomes short with 3 dots at the end of the title
for example: "bulabulabu..."

and the problem begins, when I made the backbutton on the right side of the navigation View,
code is like this :

Ext.define('navi',{
    extend: 'Ext.NavigationView',
    xtype: 'navi',
navigationBar : {
            docked: 'top',
            backButton: {
                align: 'right'
            }
});

and the title becomes longer, it covers over the backbutton.
which was on the left side before.. which is now on the right side..
sencha made the title length and the place automatically,
so I need to move title more left side, and thinking.. it is related to sencha private function..
any good idea?

================================================

I'm sorry . it is related to Sencha Touch 2.
I'll copy it into other bulletin board .

[sword-it]

Hi,

You can use following code:-

var view = Ext.create('Ext.NavigationView', {
    fullscreen: true,
    navigationBar: {
      ui: 'light',
      docked: 'top',
        backButton:{ align:'right', width:200}
    },
    defaultBackButtonText:'Hello!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!',
    items: [{
        title: 'First',
        items: [{
            xtype: 'button',
            text: 'Push a new view!',
            handler: function() {
                view.push({
                    title: 'Secondddddddddddddddddddddddddddddddddddddddnd',
                    html: 'Second view!'
                    
                });
            }
        }]
    }]
});