If the resources dont fit the scheduler a vertical scroll appears (in case the scheduler is with fixed height).
Thats ok, but the issue is that the time and date headers widths start to miss their alighmen with the content columns ( more stronger over time. )
Here is the dojo http://dojo.telerik.com/eXUqI
Choose for example "Timeline week" and the scroll to the right.

I'd like to implement a custom icon in the header, which when clicked, shows a customizable menu (similar to the context menu in the Spreadsheet component).
Is there anything built in which can help me? If not can you please provide the code used to show the context menu in the spreadsheet).
Thanks!
I've included the bootstrap switch from here:
https://github.com/nostalgiaz/bootstrap-switch
If you know of an easier way to accomplish the same thing, I'm definitely open to that.
<input type="checkbox" data-bind="bootstrapSwitch: billingSettings.capsIncludeFees, events: {change: cpChanged}"/>Here's my markup in the view:
And then I have the following custom binding:
kendo.data.binders.bootstrapSwitch = kendo.data.Binder.extend({ init: function (element, bindings, options) { var x = this; kendo.data.Binder.fn.init.call(this, element, bindings, options); var that = this; $(that.element).bootstrapSwitch(); $(that.element).on('switchChange.bootstrapSwitch', function(event, state) { that.change(); }); }, refresh: function() { var that = this; var value = that.bindings["bootstrapSwitch"].get(); $(that.element).bootstrapSwitch("state", value); }, change: function () { if (this.bindings.events && this.bindings.events.change && this.bindings.events.change.parents) { var changeBinding = this.bindings.events.change; for (var i = 0; i < changeBinding.parents.length; i++) { var parentObservable = changeBinding.parents[i]; var method = changeBinding.path; //parentObservable[method](); } } var value = this.element.value === "on"; this.bindings["bootstrapSwitch"].set(value); }});But the custom binding doesn't actually change the property on my viewModel itself -- or fire the change event. I hit the breakpoints in my custom binding and can see that the "parents" within the bindings have the stuff I need, but not the "this" object itself.
If you have a better way to do what I'm after, let me know. Otherwise, can you help me figure out what is wrong with my custom binding?
Thanks in advance -
Erik
ps I tried setting up a snippet in the dojo for this, but couldn't figure out how to properly include bootstrap and the bootstrap switch. I can create a sample project on github if it becomes required.

I am using this method to iterate a range, however, the value parameter does not have a value attribute - it only has the prototype value.
I am populating the data using a webservice, and use AngularJS in my application.
Can you think of any reason I dont have the value attribute (the cells have data in)
Thanks
Marc!
I'm trying to set up a Kendo UI application environment based on JSPM using the instructions in this article:
http://developer.telerik.com/featured/choose-es6-modules-today/
The only place I deviate from that article is that I want to install Kendo UI Pro, not the free version. There is documentation about install Kendo UI Pro using Bowser. See here and here:
http://docs.telerik.com/kendo-ui/install/bower​
http://www.telerik.com/forums/install-kendo-ui-professional-bower-package​
So I went ahead and ran these commands:
sudo npm install jspm-bower-endpoint
sudo jspm registry create bower jspm-bower-endpoint
sudo jspm install kendo-ui=bower:https://bower.telerik.com/bower-kendo-ui.git
The commands seemed to complete successfully. But then when I run my "serveit" Browsersync page, I get this error in the Chrome browser:
XMLHttpRequest cannot load bower:https://bower.telerik.com/bower-kendo-ui.git@2015.2.813.js. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.
How do i get this to work? Thanks.

Looking at the demo here:
http://demos.telerik.com/kendo-ui/grid/remote-data-binding
The pager icons for first/last/next/previous are not vertically aligned (See attached picture) for all themes that use round buttons (like "default", blue opal, flat, silver, etc.). However, if you change the style rule for:
.k-pager-wrap > .k-link
and change line-height from 2em to 1.7 or 1.8em, then it's fine.
Hi,
I am trying to create a diagram (Editable) with local datasource in which the user can
1.) Edit connection between shapes
2.) Create new connection between shapes
On connectiondefaults, i have specified content template as below
connectionDefaults: {
content: {
template: "#= label#"
}
}
But when i am trying to create a connection with mouse , it fails.Meanwhile trying to create a connection using button on top bar works fine
i.e
editable: {
tools: ["createShape", "createConnection", "delete"]
},

Hi, is there any kind of on hover event, which can show the selected cell(s) value(s) in a small pop up?
Thanks!
Marc
After importing data from an Excel file into the Kendo spreadsheet, all the alignment is off (by the width of the "row number column").
Hi, can you tell me the class used to apply the background colour and font colour to the normal (unselected) spreadsheet cells?
Thanks!
MArc