Im using a kendo schduler to display an event calender. When an event is added, it displays on the calendar with height 25px
Rendered code -

I'm building a Kendo Scheduler using the MVVM methodology. I find that a lot of the configuration options, listed here: http://docs.telerik.com/kendo-ui/api/javascript/ui/scheduler#methods-view, are difficult to achieve via the MVVM way. One of the things I'm attempting to achieve is change the scheduler view from week to month when a button is clicked. Yes, I know this support comes out of the box when a Kendo scheduler is initialized, but due to design and requirements, customization is needed. This is what I have:

HTML:

JS:

Any help would be greatly appreciated! Thanks!

Hi,

I'm try to show ellipsis at the end of long texts inside the table cell, and I'm doing by setting "table-layout: fixed", but I run into unwanted behavior when the columns are being resized. The column can be shirked completely, and an horizontal scroll bar appears. 

Code:

http://jsfiddle.net/nxLvryxb/

Screenshots:

(Attached)

Hi,

I have a need to add some frames to identify period of times, that are not events (appointments) but have some specifics...

There is no problem to add a nice div using $(this.ID + " .k-scheduler-content").append();, but I could not find the way to compute the position (left, top, width, height) of that div...

For instance for a frame that should be at day of 17/05/2017 (the 4th row in my case), spanning from 10:30 to 12:00...

I'm looking to find the correct column and rows from this information...

Regards

Starting with Kendo-UI 2017, I've noticed that the row filter now shows two "x" buttons to clear the filter (one inside the text box and one to the right of the text box). Why are there two rather than only one like in the older versions? Also, is there a setting to remove the clear button from inside the text box without resorting to using CSS?

http://dojo.telerik.com/AkApE

Just to be clear, I'm not referring to the "x" that IE puts into text boxes.

Can I add a new save and cancel button and can call save and cancel function?

Or I can modify original save button to a image call the save function

I'm using an MVC grid on a page which contains a checkbox column. It's defined as follows:

        columns.Bound(p => p.IsActive).Title("Active?").ClientTemplate("<input type='checkbox' #= IsActive ? checked='checked' : '' # />").Width(80);

I have JavaScript code that captures a change in the value of the checkbox and sets the underlying data item to true or false as follows:

$("#grid .k-grid-content").on("change", "input#IsActive", function (e) {
        var grid = $("#grid").data("kendoGrid");
        var checked = $(this).is(':checked');
        var col = $(this).closest('td');
        dataItem = grid.dataItem($(e.target).closest("tr"));
        dataItem.set(grid.columns[col.index()].field, checked);
    });

All this works exactly as it should. Except when the user saves the row and my controller Update method is called, the value of the checkbox is always returned as false, even if the checkbox is checked. I have verified that the value of 'checked' above is true and the underlying data item is being set to true. But a false is always returned to the controller method.