Titanium Community Questions & Answer Archive

We felt that 6+ years of knowledge should not die so this is the Titanium Community Questions & Answer Archive

How can I hide title bar of Window in Android?

Hi friends,

Could you please give me some suggestions of how to hide the title bar of Window in Android by NOT setting the property fullscreen to True? So that I could set the top of that window. Thanks.

— asked September 8th 2010 by Den Cambodia
  • android
  • top
  • window
0 Comments

8 Answers

  • navBarHidden : true hides the title. But if you put that window into a tab group it is ignored.

    — answered September 9th 2010 by Don Thorp
    permalink
    3 Comments
    • Ok, supposed I didn't put it in Tab, but I would like to set the top of that window to appear below tab, as well as hide the title bar, how could I do so? Thank you so much for your contribution, I really appreciate.

      — commented September 9th 2010 by Den Cambodia
    • @Don Thorp so is there a way to hide the title of you have an app with tabs and so have the window in a tabgroup. Surely 3 years later. It has been sorted?

      — commented July 30th 2013 by user 4683
    • tabGroup.navBarHidden = true; or on create navBarHidden : true;
      also i have navBarHidden true in my tiapp.xml

      — commented September 17th 2013 by Michiel D
  • Edit tiapp.xml and find tag navbar-hidden and set its content to "true". I will move away a lot of headache.

    — answered August 31st 2011 by Gustavo E Bonilla
    permalink
    0 Comments
  • After Titanium SDK 3.3.0, the answer now is either the code below, or by adding an Android theme.

    win1.addEventListener('open', function(e) {
        win1.activity.actionBar.hide();
    });
    win1.open();
    

    Both explained in the Android Action Bar Guide that is also linked here.

    — answered March 6th 2015 by Gazihan Alankus
    permalink
    2 Comments
    • This is perfect answer for latest version of titanium..

      — commented August 6th 2015 by Shuvankar Paul
    • This worked :)

      — commented August 9th 2015 by Jibran Khan
  • This is for Alloy:

    1) create a global tss file

    2) Put this in app.tss

    "Window": {
        navBarHidden: true
    }
    

    that's it!

    — answered January 16th 2014 by Alexandre Reyes Martins
    permalink
    1 Comment
    • Thanks, finally it worked !!

      — commented March 17th 2014 by Altaf Hussain
  • Title bar is controlled by navBarHidden : true/false. You question is unclear on what you're trying to accomplish.

    — answered September 8th 2010 by Don Thorp
    permalink
    1 Comment
    • navBarHidden is working pretty good, thank you sir, but why does Top not taking the effect?

      — commented September 9th 2010 by Den Cambodia
  • I still could not hide the title bar by setting navBarHidden to false.

    Here is my code:

    var win = Titanium.UI.createWindow({
        backgroundColor: "#000",
        top: 100,
        navBarHidden: false,
        fullscreen: false
    });
    
    var data = [{title:"Row 1"},{title:"Row 2"}];
    var table = Titanium.UI.createTableView({data:data});
    win.add(table);
    win.open();
    

    After running this code the top property is not taking effect, and the title bar still appears. What I want to be done is to hide the title bar, and set the top of the window to 100.

    Actually the main purpose I want to make this window to be a heavyweight window and put it in the tab. So I have to set property fullscreen, modal, or tabBarHidden. If I didn't set value to those properties, the app will exit when I press on Back button. That's why I want to hide the title bar, and set property fullscreen to false.

    Thank you

    — answered September 9th 2010 by Den Cambodia
    permalink
    3 Comments
    • Try setting navBarHidden: true not false to hide the nav bar.

      — commented September 9th 2010 by Tim Poulsen
    • Thx you I was wrong, however why does top not taking effect?

      — commented September 9th 2010 by Den Cambodia
    • For heavyweight window {top, bottom, ..} not working

      — commented May 20th 2013 by Florin Colotin
  • when your're opening a window try to use the property fullscreen:true, and you'll see the title in the screen.
    here is my snippet:

    var win1 = Ti.UI.createWindow({
        backgroundColor: '#FFF',
        title:'Just Messing around',
        //navBarHidden:true
    });
    win1.open({fullscreen:true});
    

    hope to be useful see ya!
    jimmy

    — answered June 25th 2013 by unknowuid iam
    permalink
    0 Comments
  • In latest Version of titanium any of the solution will not work perfectly..
    For every window The below solution is correct posted by "Gazihan Alankus"

    win1.addEventListener('open', function(e) {
        win1.activity.actionBar.hide();
    });
    win1.open();
    

    But to hide every title bar from every window you have to do some extra work.
    First Create Folder "values" in res directory in titanium, then create a file themes.xml (any valid name will work)
    then write the following code

    <?xml version="1.0" encoding="utf-8"?>
    <resources>
        <style name="Theme.NoActionBar" parent="@style/Theme.AppCompat">
            <item name="android:windowActionBar">false</item>
            <item name="android:windowNoTitle">true</item>
        </style>
    </resources>
    

    and finally in tiapp.xml write the following code..

     <manifest>
           <application android:theme="@style/Theme.NoActionBar"/>
     </manifest>
    

    I think this will work..

    — answered August 21st 2015 by Shuvankar Paul
    permalink
    0 Comments
The ownership of individual contributions to this community generated content is retained by the authors of their contributions.
All trademarks remain the property of the respective owner.