Kendo Grid do not play with Bootstrap dropdown - kendo-ui

I'm trying to use certain Bootstrap elements inside a Kendo Grid, it is Bootstrap dropdown buttons.The problem is the dropdown are always positioned below the row below or above. How can i find solution for this problem

Related

Showing another grid inside one cell of the kendo grid

I am using a kendo grid to display my data. I want to show another kendo grid inside one cell of my kendo grid. Is there anyway I can achieve this?
There is a 'way' (using the "template" option of the corresponding Grid column), however I would suggest to instead use Grid hierarchy to show details about current row:
Grid: hierarchy demo
Nesting another Grid inside cells of current Grid is not a good idea as it will not be usable, it will reduce the page performance etc.

Mark newly added row in Kendo UI Grid

I have a situation that user go to page with Kendo Grid and he can add new item to this Grid. Before he refresh page - new items are visible at the top of the Grid (stantard Kendo UI way)
I want to mark newly added rows, for example I want to have them shown in different colour than the "old' ones.
Is is possible to do this?

KendoUI: how to use edit in line for html form in KendoUI

Firstly, I am doing a research on KendoUI, and my experience is mainly on struts-layout taglib.
And now I got issues on HTML Form while using KendoUI.
My Questions are as below:
Can Kendo ListView be used to replace the html form? That is, there is no Form any more, but a kendo ListView.
If still use html form, how to make each field editable in line (is there any kendo widget to do same behavior as JQuery UI plugin X-editable)?
The closest thing would probably be a Grid that is editable. Clicking on a cell puts it in edit mode: http://demos.telerik.com/kendo-ui/grid/editing
But you could also make a custom Kendo UI widget that behaves basically the same as x-editable by having a clickable element that opens a Kendo Tooltip box with an input element in it.

in kendo grid column how to use autocomplete

In a Kendo grid, how to bound the column with auto complete option in MVC web application. Want to display grid product name in autocomplete option. In that option need to bound Product item code and Product Item Name. Have any custom editor in a Kendo grid?
You can find one way on how to do it at How to have an autocomplete field inside kendoUI grid using asp.net mvc wrapper. Basically you will have to create EditorTemplate and reference it from grid.
Hope this helps.

Kendo Grid Hierarchy templating issue

My design requires a checkbox as the first column in the grid and subsequent grids, however, using Hierarchy to implement those subsequent grids, the drop down arrow that kendo adds becomes the first column making the column with the checkbox template second. Is there an efficient / official way of getting around this?

Resources