I have the following data representation displayed in a TreeList where there are two columns:  Name and Creation Date.  (Each Value entry is a child of the parent Item entry.)

Name - Creation Date

Item 1 - Jan 01, 2017

     Value 1 - Jan 11, 2017
     Value 3 - Jan 02, 2017
     Value 2 - Jan 01, 2017

Item 2 - Dec 20, 2016

     Value 2 - Dec 20, 2016
     Value 1 - Dec 17, 2016
     Value 3 - Dec 16, 2016

Item 3 - Nov 15, 2016

     Value 3 - Nov 25, 2016
     Value 1 - Nov 22, 2016 
     Value 2 - Nov 20, 2016

What do I need to do in order to sort by the Name value vs. the Creation Date so that it appears as follows:

Item 1 - Jan 01, 2017
     Value 1 - Jan 11, 2017
     Value 2 - Jan 01, 2017
     Value 3 - Jan 02, 2017

Item 2 - Dec 20, 2016
     Value 1 - Dec 17, 2016
     Value 2 - Dec 20, 2016
     Value 3 - Dec 16, 2016

Item 3 - Nov 15, 2016
     Value 1 - Nov 22, 2016 
     Value 2 - Nov 20, 2016
     Value 3 - Nov 25, 2016

No sort order is set in the TreeList markup; all the columns in the TreeList are sortable such that if I click the Name column header, the child rows are sorted appropriately.

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.

Here's my markup in the view:

And then I have the following custom binding:

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").