Guys I have been trying to find a clean way to organize Kendo spreadsheet codes. I want to add separate file for all the settings (all configuration of the sheet) and separate JS file for all the methods. I was wondering if you guys have a working example for that?
Thanks & Regards
Iffat
Hey! We are currently experiencing some problems customizing our event templates in scheduler component, especially the option "eventTemplate" to scheduler and questions regarding this event-template.
Is there any possibility to add custom event-buttons like the "destroy"-icon to the right or bottom span 'k-event-bottom-actions' or 'k-event-actions'?? That would be very helpful.
With this there goes a second question -> any chance to make the event template "full-width". To explain myself: There will never be buttons in the right panel 'k-event-actions' (providing the first question can be solved) and therefore the full width for the template could be used, but kendo scheduler always leaves space reserved on the right side of the template.
Thanks in advance.
Thomas
I am trying to follow the official doc to learn how to use a custom view on scheduler. But the catch is that I am using it in Angular 5 and importing the view from a JS script. So, I am getting the following error - https://pastebin.com/p4gLuKfv
The JS file is this - https://pastebin.com/Xy9tcY6J
The Angular Component File is this - https://pastebin.com/0p1xHPus
It would be helpful, if someone can point me to why the error is happening.
I saved file in server with unique name. so i change the file name while uploading. My issue is, when I upload file, I need to update the k-files to show only changed name. but now, it is displaying original file name.
$("#MediaFiles").kendoUpload({ async: { removeUrl: "/Pepsico/Remove", saveUrl: "/Pepsico/Save", autoUpload: true }, files: $scope.pepsicoNomination.MediaFiles, validation: { allowedExtensions: [".pdf"] }, upload: fileUplaodValidation, success: onMediaSucess, error: onError }); function onMediaSucess(e) { if (e.response.media == "") { $scope.$apply(function () { $rootScope.showFailureMsg("There is an issue while uploading your file. Please contact customer support"); }); var fileStatus = document.getElementsByClassName('k-upload-status-total') $(fileStatus).hide(); } else { $scope.pepsicoNomination.MediaFiles.push({ name: e.response.media }); } }
Here files in kendo upload not update after success.
Is there any way to update files?
Thanks
Hi
Why filter on EmployeeId field is not good ?
Regards
Attempting w/o success to leverage timeline against existing data. Having difficulty getting it to work..Below is the stock example on the site with the date property in the array changed to 'date1'.. Added the dataDateField; 'date1' to account for the change. Also tried altering the schema in the datasource..
$(
"#timeline"
).kendoTimeline({
dataSource: {
data: [
{
"id"
: 1,
"title"
:
"Bowling tournament"
,
"subtitle"
:
"Location: Sterling Lanes"
,
"description"
:
"Summer Bowling tournament in Michigan"
,
"date1"
:
"2025-06-30T21:00:00.000Z"
,
"actions"
: [{
"text"
:
"Visit the Bowling tournament page"
}] },
{
"id"
: 2,
"title"
:
"Charlie's first football game"
,
"subtitle"
:
"Location: City Football Stadium"
,
"description"
:
"Call coach Williams"
,
"date1"
:
"2022-10-22T21:00:00.000Z"
},
{
"id"
: 3,
"title"
:
"Alex's Birthday"
,
"subtitle"
:
"Location: Alex's House"
,
"description"
:
"Buy birthday cake and some fruits"
,
"date1"
:
"2010-01-09T22:00:00.000Z"
,
"images"
: [{
"src"
:
"https://demos.telerik.com/kendo-ui/content/web/foods/4.jpg"
}, {
"src"
:
"https://demos.telerik.com/kendo-ui/content/web/foods/16.jpg"
}] },
{
"id"
: 4,
"title"
:
"Vacation in Mexico"
,
"subtitle"
:
"Location: Cabo San Lucas"
,
"description"
:
"Check-in for the flight"
,
"date1"
:
"2017-12-24T22:00:00.000Z"
}]
},
dataDateField:
'date1'
,
orientation:
"vertical"
});
Hi
I need for an test to modify original
dataSource: {
type: "odata",
transport: {
read: "http://demos.kendoui.com/service/Northwind.svc/Employees"
},
pageSize: 6,
serverPaging: true,
serverSorting: true
},
By an local file with changed data
I have tried without succes two change
First
dataSource: {
transport: {
type: "json",
read: "http://demos.kendoui.com/service/Northwind.svc/Employees?$format=json"
},
second test
dataSource: {
transport: {
type: "json",
read: "Employees.json"
},
Where is my mistake ?
Regards
I'm using a Grid with certain columns being editable. Clicking on an editable cell works fine. However, when that cell is not clicked, it's not obvious to the user that the cell may be editable by clicking on it. How can I make the cell look editable for the user?
Steve
Hi,
I was using the slide-in transition suggested here(https://docs.telerik.com/kendo-ui/controls/layout/window/how-to/window-as-sliding-pane#use-windows-as-sliding-panes) to change the existing windows to slide-in panes.
the example given in the link works perfectly for the latest version of kendo.(KENDO UI 2021-R1-SP1)
https://dojo.telerik.com/ODAwIMef
but if we change the version in the same dojo example to (KENDO UI 2020-R3-SP2), it doesnt work as expected, it doesnt slide-in, it doesnt show the close icon etc.
can you please help with this?
Hi Telerik,
As per title, is there a way to apply it?