Hi guys,
I'm trying to swap my Kendo UI widgets according to a dropdown.
Currently, I call destroy on the widget, and remove all HTML within the container div holding the <input> that was used for the kendo widget. I then append a new div into the container and call the initialization code for kendoNumericTextBox again, but came upon this error:
"Uncaught TypeError: Cannot read property '_move' of undefined".
I have also tried the example provided on the web, that moves the origin input out, before calling destroy on my wrapper, with the same resulting error.

@{Html.Telerik().Grid(Model) .Name("grdAllUsers") .DataKeys(keys => keys.Add(k => k.Id) ) .Columns(columns => { columns.Bound(o => o.FirstName) .Width(150); columns.Bound(o => o.LastName) .Width(150); columns.Bound(o => o.EmailAddress) .Width(200); .Width(70) .HtmlAttributes(new { style = "text-align:center" }); }) .NoRecordsTemplate(@<text>No User records to display.</text>) .Pageable(paging => paging.PageSize(15) ) .Sortable() .Filterable() .Render();}@{Html.Kendo().Grid(Model) .Name("grdAllUsers") .Columns(columns => { columns.Bound(o => o.FirstName) .Width(150); columns.Bound(o => o.LastName) .Width(150); columns.Bound(o => o.EmailAddress) .Width(200); .Width(70) .HtmlAttributes(new { style = "text-align:center" }); }) .Pageable(paging => paging.PageSize(15) ) .Sortable() .Filterable() .Render();}Using k-button with the "min" version of common.css shows buttons with display: inline-flex.
This does not happen with the non-'min' version in the 2017.1.223 src download , "kendo.common.css" file. (2017.3.913 src download doesn't appear to be available yet.)
Don't have time to investigate, just thought I'd mention it to see what others are seeing. The inline-flex attribute seems to make buttons wrap strangely onto new lines.
This is inside a kendoWindow, may not happen in normal circumstances.
The file size difference is very small, 259kb vs 210kb approx., so I'm just using the non-minified version.

I want to make the height of the pager smaller.
I tried looking for the css property that controls this without luck.
Any help would be appreciated.

we built an offline webapp placed on our customer pc
in that webpage there's a combobox listing an inventory of products
our users usually focus the filtering input field and then use their barcode reader to input the barcode of the product they're looking for; the barcode reader returns a Carriage Return at the end of the string, so it immediately selects the first good result
today the user called us for an issue: sometimes using the combobox this way selects another product; We remotely connected to their machine and saw that it was as she said;
what we got right now is:
1- it happens only in kendo combobox, because there's another place where we built a javascript search by text field and everything works there
2- there's apparently nothing wrong with the data call
3- it could depend on the machine; her pc is sensibly slower than our (we even saw the search string appear letter by letter in the text field)
4-the issue never happens if we replicate her installation on one of our machines
Thanks in advance for anysuggestion

Hi.
There is a good example how to make a column non-resizable.
My grid has a command button plus a template button on the left side of the grid and I don't know how to refer to these buttons to make them non-resizable.
toolbar: [{ name: "create", text: "Add New Asset" }, { template: kendo.template($("#DueDateTemplate").html()) }, { template: kendo.template($("#rightToolbarTemplate").html()) }],
columns: [
{
command: [{ name: "edit", text: { edit: " ", update: " ", cancel: " " } },
{ name: "confirmButton", text: " ", template: "<a class='k-button k-grid-confirmButton' onclick ='onItemConfirm(this)'><span class='k-icon k-i-checkbox'></span></a>" },
], title: "Edit / Confirm", width: "120px", locked: true
},
{ field: "Attested", template: $("#attestedTemplate").html(), title: "Attested", width: "100px", locked: true },
Thank you

If you add validation to a certain column (range.validation() ) to add a dropdown list to a column and this column happens to be the last column which is frozen, then the dropdown arrow is not visible when you click in the column.
Ie,
frozenColumns(2);
activeSheet.range("B2:B2").validation()

Hi
I have a grid that has inplace editing enabled. I would like to capture the tab event on one specific cell's input. I've added this to my view:
$(document).ready(function () {
var grid = $("#ItemsGrid");
$(document).on("keydown", "input#UnitPrice", function (e) {
console.log("keydown on input UnitPrice");
var code = e.keyCode || e.which;
if (code === 9) {
console.log("Tab");
}
});
});
however, I find that "Tab" is never logged to the console. It seems that it's getting suppressed by kendo.js (at least, thats what I can figure out by poking around in the debugger...)
Is there a better way to capture keydown events in a specific edit cell?

Hi,
I am trying to show two "columns" on the same PDF page when exporting. The columns content might increase too much, and when that happens, the user expect to see the same organization within the PDF but in here, this is not the case http://dojo.telerik.com/@Deyner/IDaYEw. Is there a way to make this pdf exporting to look in a proper way? showing both "columns" next the other even if their content fits in multiple pages. This is a breaker for our company, since we just implemented a new project where users can edit "documents" online and export them (which technically are multiple kendo ui editors that simulate every field the user can edit) . How can we make this work?
PD: The layout we have is much more complex than the one on the example, so we hope the solution you give us will also work with our real layout.
Thanks,
Deyner Lezcano