Set navbar title within drawer

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

    Posted 23 Sep 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
    2592 posts

    Posted 27 Sep 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.
     
  3. Kendo UI is VS 2017 Ready
Back to Top