I am using the monthly timeline for a project, since I am only showing the month view I would prefer to not show the month filter button on the timeline.  Is there a way to remove this button?

What I want to do is add/remove row uuid's to an array when they are expanded/collapsed.  Then on refreshing my datasource i can re-expand the previously expanded rows.

I'm very close to accomplishing this but having one MAJOR problem.

I'm using the first solution detailed here as a base.
http://stackoverflow.com/questions/25029806/retain-expanded-rows-after-databinding-kendo-ui-grid

This works, EXCEPT the row uuid's are changing upon setting and reading the datasource.  I'm unable to figure out whats causing them to change.
Any ideas/input are appreciated. I'm sooo close!

Thanks

Hi Kendo team

A tiny issue. I have enabled row-selection in my treelist. Unfortunately If I expand a row, it gets selected. You can try it yourself on the ‘Basic usage’ example of TREELIST. Add this in the code: selectable: "row".

Perhaps its intended, but when I try the same with the ‘Hierarchy’ demo of GRID, the rows are not automatically selected when they are expanded. I think that’s the best design.

And one last wish – I almost promise: a Select event :o)

Thank you so much for this UI!

when kendo window iframe option set to true controls inside window get focus only after second click

http://jsfiddle.net/b64g1kjv

I want to interact with window controls (click buttons, open selects) immediatly (after first click).

How can I do this?

Please guide me to use the option of kendo UI GRID in getting the "+" icon in the last row last column.
When I click on that, I should get a new row and the "+" should move to the current last row last column respectively.

Recently upgraded to kendo v2014.3.1119  from Kendo UI 2014.2.716 and are also using angular AngularJS v1.3.0-beta.6. Upon upgrade we saw few issues and upon reading some Angular release notes we found out that they have a new version AngularJS v1.3.2 which we upgraded and found out certain UI not functioning correctly.  This functionality worked correctly when used with Kendo UI 2014.2.716 & AngularJS v1.3.0-beta.6.

Is there any know incompatibility issues for the latest Kendo UI to work with latest angular (AngularJS v1.3.2)?

One of a prominent issue is with the
grid filter (filterable:
{mode:"row"}) and the filter text is template: statusDropDownFilter. The filter dropdown
does not get rendered with the data. The code below was written to do this. It worked
fine before the upgrade.

function statusDropDownFilter(container) {
                var statuses = [];
                var deferred = $q.defer();
                var promise = deferred.promise;

                clientLookupsSvc.getStatus().
                        then(function (data) {
                            statuses = data;
                            deferred.resolve(statuses);
                        }, function (error) {
                            // vm.gridErrors.push(error);
                        });

                $q.all(promise).then(function () {
                    deferred.resolve(statuses);
                    container.element.kendoDropDownList({
                        type: 'aspnetmvc-ajax',
                        valuePrimitive: true,
                        dataTextField: "DisplayName",
                        dataValueField: "Id",
                        dataSource: statuses,
                        autoBind: false
                    });
                });
            }

KendoUI version v2014.2.926 

I am trying to modify an html element after a view is shown.

So, I do this:




In my handleRenderDone function, I can tell that the html has not been rendered yet. Do I misunderstand what the show event is for as described in the doc here: http://docs.telerik.com/kendo-ui/api/javascript/view#events-show

Thanks

Hello all.
I currently have a kendo chart configured with two different series as can be seen in the following code:

@(Html.Kendo().Chart(Model)
            .Name("financialChart")            
            .DataSource(dataSource => dataSource                
                .Sort(s => s.Add(fc => fc.Date))
            )
            .Legend(legend => legend
                .Position(ChartLegendPosition.Bottom)
                .Labels(labels => labels
                    .Template("#= series.name #"))
            )
            .ChartArea(chartArea => chartArea
                .Background("transparent")
            )
            .SeriesDefaults(seriesDefaults =>
                seriesDefaults.Line().Style(ChartLineStyle.Smooth)
            )
            .Series(series =>
            {
                series.Line(value => value.MyValue, category => category.Date)                  
                  .DashType(ChartDashType.Dash)
                  .Name("Series1")
                  .Color("red")                                    
                  .Aggregate("selectLastPoint1");
                
             series.Line(value => value.MyValue, category => category.Date)
                 .Name("Series2")
                 .Color("blue")                 
                 .Aggregate("selectLastPoint2");
            })
            .CategoryAxis(axis => axis                        
                        .Labels(labels => labels.Rotation(0).Format("MMM 'yy"))
                        .Date()                        .
                        .BaseUnit(ChartAxisBaseUnit.Months)                                        
            )
            .ValueAxis(axis => axis.Numeric()                
                )
            .Tooltip(t => t
                .Visible(true)
                .Format("{0:c}")
                .Template("#= kendo.format('{0:C}', dataItem.MyValue) #")                               
            )            
            .HtmlAttributes(new { style = "margin: 0 15px 0 15px" })            
)

As you can see, Series1 is red and Series 2 is blue. However, Series1 and Series 2 have both a common point that is:

Series 1:
Jan 2014 - $50 - Point A
Feb 2014 - $100 - Point B

Series 2
Feb 2014 - $100 - Point C
Mar 2014 - $150 - Point D

When I hover over the points A and B the point fills in red and the tooltip has a red background. When I hover over points C and D the point fills in blue and the tooltip appears blue also.What I want is that point C has a RED fill and a RED tooltip as if it belonged to Series 1 and not Series 2.
The question is: Is there anyway that I can dinamycally set the tooltip color on the hover of the point?

Hi,

i am using the upload control with angularjs and asp.net mvc. i have this below html

k-async="{ saveUrl: 'upload', removeUrl: 'remove', autoUpload: true }"

my upload MVC action returns some data after file upload , how do i get hold of the return value from here?

I am trying to integrate the kendo ContextMenu with the Scheduler.  I found an example, but would rather use your context menu instead (http://jsbin.com/uNuQIPI/1/edit?html,js,output).  According to your docs, if I use a filter, then e.target should be the element found via the filter: "The current target of the ContextMenu - either the init target or the current element chosen through filter, if specified."  For some reason though, e.target is always the body element.  I don't know if that's because of the way I am appending the context menu to the body, or if it's something else.  Below is the Typescript method I have that creates and sets up the context menu for my scheduler.  It DOES show the context menu when I right-click a scheduler event, but the alert I threw in there always shows undefined, since e.target is not the actual element with the "k-event" css class (the block with an event in the scheduler).  Any ideas?

private setupContextMenu() {
            this._$contextMenu = $("<ul id='" + this._$scheduler.attr("id") + "-context-menu'></ul>").appendTo($("body"));
            this._contextMenu = new kendo.ui.ContextMenu(this._$contextMenu[0], {
                filter: '.k-event',
                dataSource: [{text: "Edit", spriteCssClass: "fa fa-edit" }, { text: "Delete", spriteCssClass: "fa fa-trash" }]
            });
            this._contextMenu.bind("select", (e) => {
                var dataSource = this._scheduler.dataSource;
                var uid = $(e.target).attr("data-uid");

                alert(uid);
                if (e.item.textContent === "Edit") {
                    var dataItem = <kendo.data.SchedulerEvent>dataSource.getByUid(uid);
                    this._scheduler.editEvent(dataItem);
                } else if (e.item.textContent === "Delete") {
                    var dataItem = <kendo.data.SchedulerEvent>dataSource.getByUid(uid);
                    this._scheduler.removeEvent(dataItem);
                }
            });
        }