How to add a back button on a window

You must Login before you can answer or comment on any questions.

Hi, How can I display a navigation bar on the register window to get back to the login window. I'm developing an iOS apps (titanum sdk 2.1.2 GA)

My code: 

exports.createWindow = function(){
 
    var winLogin = Ti.UI.createWindow({
        backgroundColor: '#212121',
        barColor: 'green',
        layout: 'vertical'          
    });
 
........
 
var signLink = Ti.UI.createLabel({
        text: 'or create an account',
        color: '#d18a40',
        top: 15
    });
 
    signLink.addEventListener('click', function(e){
        var winRegister = require('ui/winRegister').createWindow();
        winRegister.open();
    });
 
.........
 
return winLogin;
Thanks for your help

1 Answer

Accepted Answer

If you are only developing for iOS, the easiest approach is using a NavigationGroup. Here is a simplified example: 

var win = Titanium.UI.createWindow();
 
var createWindow = function(){
    var winLogin = Ti.UI.createWindow({
            backgroundColor: '#212121',
            barColor: 'green',
            layout: 'vertical',
            title:'Login'        
        });
    var winRegister = Ti.UI.createWindow({
            backgroundColor: '#212121',
            barColor: 'green',
            layout: 'vertical', 
            title:'Register'          
    });
 
    var signLink = Ti.UI.createLabel({
            text: 'or create an account',
            color: '#d18a40',
            top: 15
        });
    winLogin.add(signLink);
 
    signLink.addEventListener('click', function(e){
        nav.open(winRegister, {animated:true});
    });
    return winLogin
};
 
var nav = Titanium.UI.iPhone.createNavigationGroup({
   window: createWindow()
});
 
win.add(nav);
win.open();

Your Answer

Think you can help? Login to answer this question!