Angular Kendo Grid Title above Toolbar

3 posts, 0 answers
  1. Rahul
    Rahul avatar
    10 posts
    Member since:
    Mar 2016

    Posted 25 Mar 2016 Link to this post

    Hello,

     

    I would like to add a title to my Angular Kendo Grid above the toolbar. Something like an <h1> but a part of the grid itself.

    I have seen some examples online and on the forums where users were adding title to non-Angular grids. But I would like to add it to my Angular grid right above the Toolbar. Also, why is the title not a default option?

     

    Here is a dojo sample. Please modify this and show us how to do it.

    http://dojo.telerik.com/OFAwu

     

    Development details:

    OS: Windows 8.1

    Kendo UI: 2016.1.226

    Browser: Chrome 49, Firefox 45, IE 11

     

    Thanks for your time.

     

    Thanks,

    Rahul

  2. Rahul
    Rahul avatar
    10 posts
    Member since:
    Mar 2016

    Posted 25 Mar 2016 Link to this post

    I was able to show it like this. Is there a cleaner way to do it?

    I am new to UI development. :(

     

    $(document).ready(function () {
        $(".k-grid-toolbar").prepend("<div class='gridTitle'><h1>Grid Title</h1></div>");    
    });

     

    Updated dojo sample:

    http://dojo.telerik.com/OFAwu/3

     

    Thanks,

    Rahul

     

  3. Daniel
    Admin
    Daniel avatar
    2231 posts

    Posted 30 Mar 2016 Link to this post

    Hello,

    You can use a toolbar template in order to add a title to the toolbar - updated example.

    Regards,
    Daniel
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top