Remove default titlebar on iphone and android and replace with image

I am looking at removing the default title bar on windows in both iphone and android, and to replace with an image (would be a little higher then the default titlebar and must be full width), and would still need the back buttons.

Another question: removing background default on ui buttons (the ones on titlebar)

Any help is appreciated.

Hi, To remove title bar just do following changes in tiapp.xml file.

<navbar-hidden>true</navbar-hidden>

Another option is

var win = Ti.UI.createWindow({
url : '',
navBarHidden : true
});

You can place or add a image view at top of the window , keeping its width 100%. That will be your custom title bar.

I have removed the title bar with the create window option above, but the scroll view on the window now goes over the tabgroup at the bottom and the tabs can't be clicked. Is it there a way I can add a zIndex to the tabgroup, or change the navbarhidden so it doesn't effect the tabgroup.