CODEWITHSUNDEEP
configurationnavigationsencha-touch-2backnavigationbar
Rick Hoving
Rick Hoving

Reputation: 3575

Customizing back button in navigationbar

I have two questions regarding the back button in the Navigationbar element of Sencha Touch 2.

My Code 

var oNavigationbar = {
        docked: 'top',

        backButton : {
            margin: 7,
            docked: "left",
            ui : 'back'
        },
        items: [
            Ext.create("Ext.Button", {
                text: "Button1"                
            },
            Ext.create("Ext.Button", {
                text: "Button2",
                align: "right",
            }

        ],
    };

Question 1
How do I stick the back button to the left side of the navigation bar?
If I set align:"left" Button1 is still on its left side.
But if I dock it to the left side I have to set a margin, which I rather avoid.

Question 2
How do I set the default text of the back button to something else then "Back".
Which configuration properties do I have to set?

Upvotes: 1

Views: 3563

Answers (1)

olegtaranenko
olegtaranenko

Reputation: 3850

not sure what you mean in q1... AFAIK Navigation Bar (as a subcomponent of Ext.navigation.View) has back button already left aligned.

Q2: 

Ext.define('MyNavigator', {
extends: 'Ext.navigation.View',
    xtype: 'mynavigator',
    config: {
        defaultBackButtonText: 'Go Back',
        // back button a-la iPhone 
        // useTitleForBackButtonText: true
....
})

see at http://docs-devel.sencha.com/touch/2-0/#!/api/Ext.navigation.View-cfg-defaultBackButtonText for more info...

Cheers, Oleg

Upvotes: 3

Related Questions