I am trying to replace a Bootstrap navbar with a Kendo UI appbar and I am facing two issues:
1) The embedded menu pops up within the appbar as in https://dojo.telerik.com/oPEbOmIX. How to fix this?
2) The appbar wraps controls on a second line when resizing.Is this the only behaviour? What is your suggestion for a more responsive approach?
we started using an option to show all records in the grid by giving the user choose from predefined values [10, 25, 50, All], to set all to datasource we need to set it to undefined
grid.dataSource.pageSize(undefined);
but it will be ignored & page size will not be changed
please provide workaround
Is the code below still the only way to set the required AngularJS XSRF token when uploading or removing files? The value of the token needs to be taken from the XSRF-TOKEN cookie.
function onUpload(e) {
var xhr = e.XMLHttpRequest;
if (xhr) { xhr.addEventListener("readystatechange", function (e)
{if (xhr.readyState == 1 /* OPENED */) {
xhr.setRequestHeader("X-Foo", "Bar");
}})}}

Hello.
We've seen multiple problems with the layout transition effects:
1. The width of the view to navigate from is being reduced to a fraction of the actual width in the beginning of the transition.
2. The AppBar is not part of the transition effect if navigating back to a view with an AppBar "sticked" to the top and the vertical scrollbar position in the browser is not at the top.
3. Have seen the transition effect not working at all sometimes when navigating back to a previous view.
We're using Kendo UI for jQuery R3 2020.
Regards, Rolf
Hey,
I'm using a template to get a button into my grid toolbar since my atempt to write it analog to teh treelist doesn't work. But I can't access the click event. I want to open a custom create-dialog for grid items.
For the treelist i use something like this:
toolbar: [{imageClass: 'k-i-plus',name: 'createPosition',text: 'New',click() {$('#newItemDialog').data('kendoDialog').open();},},'search',]
Since this doesn't seem to work I tried this but can't access the click-event:
$myGrid.kendoGrid({ dataSource: myDatasource, columns: [ .... ], toolbar: [ { template: '<a class="k-button" href="\\#" id="newItemButton" ">New</a><span class="k-textbox k-grid-search k-display-flex"><input autocomplete="off" placeholder="Search..." title="Search..." class="k-input"><span class="k-input-icon"><span class="k-icon k-i-search"></span></span></span>' } ], }).after(() => { $('newItemButton').kendoButton({ icon: 'k-i-plus', click: onNewClick }); });function onNewClick() { $('#newItemDialog').data('kendoDialog').open();}
DateTimePicker does to not scroll to selected value when the TimePicker is opened since version 2020.2.513, is it a bug? If not, what can I do to achieve the behavior in latest version of Kendo UI for jQuery?

For our date fields when no date has yet been selected, on opening the calendar control, we want the start date to be set to a specific date. Is this possible? Not today's date but a date in the past.
I can set a default date but then on reaching that page the default date is showing in the input - we don't want that. On reaching the page , the date must show as blank and only on opening of the calendar, the date should be defaulting to our specified date. Then once a date is selected it can be shown in the input.

Hi,
We are using Kendo stock chart to display 365 days of data, but I can see that the full one year(365 days) data is not being displayed on the category axis in the default/ zoomout mode. But when i zoom in I can see the bars for each day. How can i fix this ? Is this something related to sample rate ? I need to show full data on the category axis. Attaching images, first img is kendostock chart which won't display all data, second img is KendoChart which displays full set of data. But I need this work with KenoStock chart. Appreciate any help.
I need to refresh the whole treeview and I found on forums that to do that is to call .dataSource.read() method. However when I call this method the user does not see that the treeview is loading and he still sees the old data.
How to refresh the treeview and display the loading animation just like when the treeview is loaded for the first time?
..transport: { read: { url: "GetJsonData.p", data: { "function": grid_function, "element": "grid", "param1": grid_param1, "param2": grid_param2, "param3": grid_param3, "rowid": grid_rowid }, dataType: "json" }},schema: { data: "data", total: "recordsCount", model: { id: "field1" }}...I want to be able to update the DataSource when the user selects a row on a different Grid. For that reason, I am using a JS function that uses the SetDataSouce method and passes different values to the getJsonData.p procedure, which then generates the return data:
function SetGridDS(grid_element,grid_function,grid_param1,grid_param2,grid_param3,grid_rowid) { grid_element.setDataSource(new kendo.data.DataSource({ transport: { read: { url: "GetJsonData.p", data: { "function": grid_function, "element": "grid", "param1": grid_param1, "param1": grid_param2, "param3": grid_param3, "rowid": grid_rowid }, dataType: "json" } }, schema: { data: "data", total: "recordsCount", model: { id: "field1" } } })); grid_element.dataSource.read();}
However, I am getting the e.slice is not a function error. (hence the schema and the model, as suggested by others in the forum - but with no luck).
Is there a way to better analyse the error and find what exactly is causing it?
Thank you in advance,
Syian
