I have a kendo grid and I need to set one of the columns to a fixed width that is always exactly 120px. My issue is that if the screen is wider than the total set width of all of the columns it starts expanding the columns. This is good for everything except my one column that needs to always be the same. I also tried leaving the width off of one of the columns. The problem with that is that when the screen is narrow (like a phone or tablet) the column without a set width disappears. Another trick I tried is using the template to wrap the column in a span tag with a fixed width, however that just overflows the cell. How do I solve for this?
when we have the search option enabled for DDL we cant make a selection using keyboard & typeing the first letter (without expanding the drop down)
are there workaround to make it work togather?
Hello,
I want to show a percentage using a kendo JQuery progress bar (min: 0, max: 1.0), but percentage value can be greater than 1.0
If percent value is 1.2 then I need that progress bar show the progress bar full filled in red background color, but "120%" as value.
Now, progress bar shows 100% instead of 120%
Thanks

Hello,
I am trying to hide/show drawer items based on user rights. I was trying to make it work with data binding, since the loading of said user rights happens at runtime and after the first initialization of the drawer control. But I can't get it to work.
Here is a small example of what I am trying to do: https://jsfiddle.net/1rk4f9L6/11/
Any tipps? Is it even possible to use data-bind on a drawer item?
I've implemented the example code found here: https://demos.telerik.com/kendo-ui/treeview/filter-treeview-in-dialog
It works as expected and is perfect for my requirements, apart from one annoyance.
When the filter is in use some child nodes are hidden, but if you click the parent node checkbox, the result is that all child nodes are checked. Irrespective of what is visible (filtered).
This isn't very useful. Is there a solution whereby only the visible children would be checked/unchecked when the parent checkbox is clicked?
Thanks,
John
Hi,
We have a grid with a cell where you can upload a file. we use javascript and JQuery.
The user uploads the file using Chrome and the file is saved properly into the database and the grid is refreshed. If the user tries immediately to download the file it takes more than 30 minutes to be downloaded and if you try to close the Chrome window you get a browser message that there is "downloading in progress".
Could someone explain this strange behavior? is it something that has to do with the kendo grid? If the user closes the chrome window as soon as the file is uploaded and saved and then opens a new window and tries to download, the file is downloaded immediately!
This strange behavior described above does not occur in Firefox.
Any hint is very much appreciated!
Nick
Hello
how can I bind to the Click-Event of zoomIn or zoomOut for the standard zoom toolbar or PdfViewer ?
Somehow similar to
var pdfViewer = $("#pdfviewer").data("kendoPDFViewer");
pdfViewer.toolbar.zoom.combobox.bind("change", onChangeZoom_Pdf);
Regards
Christine
my application uses kendo version 2017.3.1026
In my application I have user name DOM in UI,
I want to use kendo tooltip to show user details .
the user details will be dynamic and coming from server.
how can I achieve this.
Thanks in advance.
In a grid's dataBound event I set up popovers.
The popover sometimes opens at the correct position when the element is clicked.
Please see this video: https://vimeo.com/737072810/10bb7c26d8
This is the code setting up the popovers:
dataBound: function(e) {
$(".view-qrcode").kendoPopover({
position: "bottom",
body: '<div class="asset-qr"></div>',
showOn: "click",
animation: false,
show: function (e) {
// build QR code
var $target = $(e.sender.element[0]);
var uniqueId = $target.closest("tr").data("uid");
var dataItem = Ise.Kendo.Grid.getDataItem("#assets-grid", uniqueId);
var $popup = $(e.sender.popup.element[0]);
var $assetQrs = $(".asset-qr", $popup);
var url = viewModel.assetBaseUrl + '/' + dataItem.shortId;
var $assetQr = $($assetQrs[0]);
$assetQr.empty();
$($assetQr).kendoQRCode({
value: url,
errorCorrection: "M",
size: 120
});
}
});
}
}).data("kendoGrid");What am I doing wrong?
NB there is no PopOver tag
