This is a migrated thread and some comments may be shown as answers.
bootstrap dropdown menu in grid
1 Answer 77 Views
This is a migrated thread and some comments may be shown as answers.
Issa
Top achievements
Rank 1
Issa asked on 20 Dec 2017, 02:54 PM

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>

1 Answer, 1 is accepted

Sort by
0
Alex Hajigeorgieva
Telerik team
answered on 22 Dec 2017, 06:48 AM
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.
Tags
Grid
Asked by
Issa
Top achievements
Rank 1
Answers by
Alex Hajigeorgieva
Telerik team
Share this question
or