Change background color of the top navigation bar

Thread is closed for posting
2 posts, 0 answers
  1. Dan
    Dan avatar
    4 posts
    Member since:
    Jun 2014

    Posted 09 Mar 2015 Link to this post

    I have not been able to figure out how to change the background color of the top navigation bar (area with the page title).  Any tips?
  2. Erjan Gavalji
    Admin
    Erjan Gavalji avatar
    1455 posts

    Posted 10 Mar 2015 Link to this post

    Hi Dan,

    I just sent you an example to the support ticket thread you opened. Re-pasting the reply here for the benefit of the community...

    We still don't have a cross-platform manipulation of the title bar (this is in progress very now though). The following code would do the job though:

         if (applicationModule.ios) {

             var theNavBarController = frameModule.topmost().ios.controller;
             var theNavBar = theNavBarController.navigationBar;

             //Play with the attributes of the NavBar:
             theNavBar.tintColor = new colorModule.Color("#FFFF00").ios;
             theNavBar.barStyle = UIBarStyle.UIBarStyleBlack;
         }

    Please, find attached an application with some more Navbar manipulation examples.


    Kind regards,
    Erjan Gavalji
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
     


    Regards,
    Erjan Gavalji
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top