Set navbar title within drawer

2 posts, 0 answers
  1. BeOne
    BeOne avatar
    16 posts
    Member since:
    Jul 2014

    Posted 23 Sep 2016 Link to this post

    Hallo,

     

    how do you change the title of a navbar within a drawer in code?

        

      <div id="mainMenu"
             data-role="drawer"
             data-swipe-to-open="false"
             data-model="views.index.viewModel"        
             data-title="">
            <header data-role="header">
                <div data-role="navbar" id="mainNavBar">
                    <span data-role="view-title"></span>
                </div>
            </header>
            <ul id="mainMenuListView"
                class="item-list"
                data-role="listview"
                data-bind="source: menuItemDataSource"
                data-auto-bind="false"
                data-template="mainMenuItemTemplate"
                data-header-template="mainMenuHeaderTemplate"></ul>
     </div>

     

  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2619 posts

    Posted 27 Sep 2016 Link to this post

    Hello,

    To achieve this you should use the data-title attribute: 
    <!-- ... -->
    <header data-role="header">
        <div data-role="navbar" id="mainNavBar">
            <span data-role="data-title">My title</span>
        </div>
    </header>


    Regards,
    Iliana Nikolova
    Telerik by Progress
     
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
     
Back to Top