Hi guys,
I am using:
1-Kendo MVC - 2014.3.1411.545
2-Chrome/Mozilla regardless the version
I have been working with kendo UI scheduler control which works fine with its default functionality, but I need to do the customization to meets the requirements.
Here are the certain things I want to do with kendo scheduler:
1. I want to to generate kendo scheduler rows with respect to the binded resource dynamically.
2. To Remove the time slots and create appointments with certain height & width.
3. I want to show the kendo scheduler appointments created in concerned row with respect to every resource with a certain height and width.
I have uploaded an image to explain what I wanted to do with Kendo MVC scheduler.

I have a grid with 2 columns, first colum is a data column (FirstName) and last column is an column with template (3 buttons for different action). When I click Export to Excel button, column with my 3 buttons disappear. Do you know why ? I don't want to change the layout of my grid when user export data.
Thanks
Along with the "custom" task for making a custom JS build, the gulpfile in your Bower distribution also has a "less" task for compiling the CSS. A couple of questions:
Since the styles are provided precompiled in the top-level "styles" directory, and since there is presumably nothing that would change for any particular style by recompiling it, the "less' task isn't of great use for me. I'd hoped there would be some way to tell it to assemble all the required stuff for a particular theme in "dist/styles".

See the live Telerik Demo: http://demos.telerik.com/kendo-ui/spreadsheet/sorting-filtering
Steps to reproduce:
1. Click the filter dropdown on the "Client" column header.
2. Expand the "Filter by value."
3. In the search box, type "terr", then check "Terry Lawson".
4. Click the "Apply" button.
5. The grid refreshes with the filter applied.
6. Click the filter dropdown on the "Client" column header (again).
7. Click into the filter by value search box, and type "agne".
Notice that the checkbox-list is empty, when it should show the item "Agnes Hill".
Problem:
There is no way to choose any other items and "add to the current selection" because the search will only match by what's already been filtered. This is broken behavior and doesn't match what Google Sheets or Excel does (see attached videos). It doesn't make sense to only be able to add to the current filter what has already been filtered.
Expected behavior:
After step 7, you should see the filtered options based on the source data, and be able to check/uncheck from it.
Notes: see comparison videos for more info.
Hi,
I am using Keno UI Professional 2017.1.223 Release scripts in my project which is already having some references which i cannot remove/modify. I am getting an error
Object doesn't support property or method 'delayedClick' in kendo.all.min.js
Please giude me to resolve this issue.
Thanks in advance.

Hello
I'm pretty new to KendoUI Upload. I made some examples that are working fine. I have an issue on used language around file upload: The Button text is set to "Select file..." and any process is set to English ("done", etc.). I have set the culture to a different language than English:
<script src="telerik/js/cultures/kendo.culture.de-CH.min.js"></script>...kendo.culture("de-CH")...
Shouldn't the text around the file uploaded not switch to it? I would expect German text based on this settings.
And further more a question: Is it possible to use ONE file uploader for all allowed file types but with different file size definitions? Something like this:
validation: {allowedExtensions: ['.gif', '.jpg', '.png', '.mp3', '.mp4']}and then to differ those for maxFileSize within the ONE file uploader:
.gif, .jpg, .png: max 1MB
.mp3 : max 5MB
.mp4: max 20MB
Regards
I have a grid in an MVC environment. I have my filterable properties set up as follows:
.Filterable(filterable => filterable
.Extra(false)
.Operators(operators => operators
.ForString(str => str.Clear()
.StartsWith("Starts with")
.IsEqualTo("Equal to")
.IsNotEqualTo("Not equal to")
.Contains("Contains")
)
.ForNumber(number => number.Clear()
.IsEqualTo("Equal to")
.IsNotEqualTo("Not equal to")
.IsGreaterThanOrEqualTo("Greater than or equal to")
.IsLessThanOrEqualTo("Less than or equal to")
.IsGreaterThan("Greater than")
.IsLessThan("Less than")
)
.ForDate(date => date.Clear()
.IsEqualTo("Equal to")
.IsNotEqualTo("Not equal to")
.IsGreaterThanOrEqualTo("Greater than or equal to")
.IsLessThanOrEqualTo("Less than or equal to")
.IsGreaterThan("Greater than")
.IsLessThan("Less than")
)
)
)
I have two questions:
1) I have a column in my grid that I do not want filterable. How do I exclude just that one column?
2) I am using these same filterable operators on all my grids in my app. Is there some way I can avoid repeating all this code for each grid and just provide some sort of reference to these defined operator values?
I have a grid that works perfectly using the MVC wrapper. However, I'm trying to implement the same grid using JavaScript and am running into an odd issue. Here is my JavaScript code, and my MVC controller method it's calling:
function setupGrid() {
var dataSource = new kendo.data.DataSource({
dataType: "json",
type: "GET",
pageSize: 25,
serverPaging: true,
serverFiltering: true,
serverSorting: true,
transport: {
read: '/Closeout/ReadCloseoutHistory/'
},
schema: {
data: "Data",
model: {
fields: {
CloseoutDate: { type: "datetime" },
BeginDate: { type: "datetime" },
EndDate: { type: "datetime" }
}
}
},
});
$("#gridDiv").kendoGrid({
name: "grid",
dataSource: dataSource,
sortable: true,
error: function(e) {
gridErrorHandler();
},
toolbar: ["excel", "pdf"],
scrollable: {
virtual: true
},
mobile: true,
resizeable: true,
reorderable: true,
columnMenu: true,
filterable: {
extra: false,
operators: {
string: {
startswith: "Starts with",
contains: "Contains",
eq: "Equal to",
neq: "Not equal to",
gte: "Greater than or equal to",
lte: "Less than or equal to"
}
}
},
pdf: {
allPages: true,
paperSize: "A4",
landscape: true,
avoidLinks: true,
scale: 0.6,
repeatHeaders: true,
templateId: "page-template",
fileName: "CloseoutHistory.pdf",
margin: {top: "2cm", right: "1cm", bottom: "1cm", left: "1cm"},
},
excel: {
fileName: "CloseoutHistory.xlsx",
proxyURL: "Customer/ExcelExport",
filterable: true
},
columns: [{
field: "CloseoutDate",
title: "Closeout Date",
width: 100
}, {
field: "BeginDate",
title: "Begin Date",
width: 100
}, {
field: "EndDate",
title: "End Date",
width: 150
}]
});
};
Controller code:
public ActionResult ReadCloseoutHistory([DataSourceRequest] Kendo.Mvc.UI.DataSourceRequest request)
{
try
{
var resultSet = this.CloseoutData.GetList(this.GetClientId()).ToDataSourceResult(request);
return Json(resultSet, JsonRequestBehavior.AllowGet);
}
catch (Exception exception)
{
...
}
}
The MVC version of the grid works as expected. The JavaScript version generates a server error of 500. The controller method is getting called and seems to return ok. However, something is causing a 500 (internal server) error. I also get a "Maximum call stack size exceeded" error from kendo.mobile.min.js.
Can you see anything wrong with my JavaScript implementation?
Hi,
Unfortunately I'm not able to run angular code with inside a custom scheduler template.
Here's what I'm trying to do:
I'm binding the scheduler component with my controller to a HTML element.
$scope.init = function () { $("#scheduler").kendoScheduler({ date: new Date(), selectable: true, height: $('cg-contentviewer > div').innerHeight() -68, views: [ "day", { type: "workWeek", selected: true }, "week", "month", "agenda", { type: "timeline", eventHeight: 50} ], timezone: "Etc/UTC", editable: { template: kendo.template($("#customEventModal").html()), }, eventTemplate: kendo.template($("#customEventModal").html()), dataSource: { batch: true, transport: { read: function(options) { $apiplanings.getPlaningItemsForUser({id : $rootScope.profile.id}).$promise.then(function (response){ options.success(response); },function errorCallback(response) { }); }, update: function(options) { }, create: function(options){ }, destroy: function(options){ }, parameterMap: function(options, operation) { if (operation !== "read" && options.models) { return {models: kendo.stringify(options.models)}; } } }, schema: { model: { id: "id", fields: { ID: { from: "id", type: "number" }, taskId: { from: "id", type: "number" }, title: { from: "title", defaultValue: "No title", validation: { required: true } }, start: { type: "date", from: "planedfrom" }, end: { type: "date", from: "planedto" }, description: { from: "description" }, ownerId: { from: "createUserId" }, isAllDay: { type: "boolean", field: "IsAllDay", default: false } } } } } }); 