bootstrap dropdown menu in grid

2 posts, 0 answers
  1. Issa
    Issa avatar
    5 posts
    Member since:
    Sep 2008

    Posted 20 Dec 2017 Link to this post

    Is it possible to have a bootstrap dropdown menu in a grid?

     

            <button class="btn btn-xs btn-default dropdown-toggle" data-toggle="dropdown"><i class="fa fa-caret-down" aria-hidden="true"></i></button>
            <ul class="dropdown-menu">
                <li>
                    <a href="/home/redirecttosystem?systemid=1">Evidence</a>
                </li>
                <li>
                    <a href="/home/redirecttosystem?systemid=3">QMaster</a>
                </li>
                <li>
                    <a href="/home/redirecttosystem?systemid=4">Impound</a>
                </li>
            </ul>

  2. Alex Hajigeorgieva
    Admin
    Alex Hajigeorgieva avatar
    336 posts

    Posted 22 Dec 2017 Link to this post

    Hi, Issa,

    You can include a Bootstrap Dropdown as a column template in the Kendo UI Grid with the help of the columns template property:

    https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/columns.template

    For your convenience, I have prepared a runnable Dojo with the new Kendo UI SASS Bootstrap V4 theme and the provided template:

    https://dojo.telerik.com/@bubblemaster/IZaQoK

    Kind Regards,
    Alex Hajigeorgieva
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top