We want the tooltip and onclick data to be keyboard accessible without having to use figcaptions, titles, off screen data tables, etc. Right now keyboard navigation jumps directly from the first link to the second link, which doesn't help sighted users who aren't using a screen reader if the only accessibility support is provided to non-sighted users as off-screen text.

http://jsbin.com/qarijeji/7

Thanks,
--Ed

My Scenario is that i have a <UL> element that is binded to an observable collection.
on page load, the following JS is being ran to make the children droppable targets.


this works well for existing elements at the time of page load, but doesn't work for newly created elements that are pushed later to the ObservableCollection.
How can I make sure that the same dropTarget settings are applied to those as well without rerunning the above code for each pushed item?

Hi, I have a grid with set default multiple coulmn grouping, like the attached file image. how do I hide the "grand" total footer? (circle in red)
Thanks,
Quynh

Our application is very similar to the Kendo Grid Inline editing demo here, with the use of AngularJS, as well.

The grid doesn't edit, update, or add new record with the upgrade to 2014.3.1119 in Chrome or IE 11. Destroy is the only grid command that appears to work properly without error.  

The Developer Tools in Chrome renders the following error message:
"Inspected target crashed\n Inspected target has crashed. Once it reloads we will attach to it automatically."
 
In addition, the Chrome page displays the "Aw, Snap!" message.

IE 11 throws the following error/exception: 
"Error: Out of stack space\n   
at jQuery.acceptData (http://localhost:#/Scripts/jquery/jquery-2.1.1.js:3505:2)\n  
at Data.prototype.key (http://localhost:#/Scripts/jquery/jquery-2.1.1.js:3530:3)\n   
at Data.prototype.remove (http://localhost:#/Scripts/jquery/jquery-2.1.1.js:3634:4)\n   
at Anonymous function (http://localhost:#/Scripts/jquery/jquery-2.1.1.js:3851:4)\n   
at each (http://localhost:#/Scripts/jquery/jquery-2.1.1.js:375:6)\n   
at jQuery.prototype.each (http://localhost:#/Scripts/jquery/jquery-2.1.1.js:139:3)\n  
at removeData (http://localhost:#/Scripts/jquery/jquery-2.1.1.js:3850:3)\n   
at destroy (http://localhost:#/Scripts/kendo/2014.3.1119/kendo.web.js:2684:13)\n   
at destroy (http://localhost:#/Scripts/kendo/2014.3.1119/kendo.web.js:50448:13)\n   
at Anonymous function (http://localhost:#/Scripts/Angular/angular-kendo.js:257:41)"


Unable to track down what the issue here is, hopefully your team will have a little more insight into this grid command issue.

I have a custom dropdown editor in a inline editing grid. Note in the attached screen shot that the first item in the dropdown is always selected as well as the actual selection.

        var expGrid = $("#Expenses").createKendoGrid({
            stateKey: "PartEditExpenses",
            toolbar: kendo.template($("#expenses-toolbar-template").html()),
            columns: [
                { field: "TypeName", title: "Type", width: 200, footerTemplate: "Total", editor: function(container) {
                    $('<input required data-bind="source: expensetypes, value: TypeID"/>')
                        .appendTo(container)
                        .kendoDropDownList({
                            dataTextField: "Text",
                            dataValueField: "Value",
                            valuePrimitive: true,
                            select: function(e) {
                                expGrid.dataItem(expGrid.current().closest("tr")).TypeName = e.item.text();
                            }

                        });
                    } },
                    { field: "Amount", width: 100, format: "{0:n2}",
                                    footerTemplate: "<span id='totalExpenses'>#= abs.parts.edit.totalExpenses() #</span>" },
                    { field: "Source", width: 200 },
                    { field: "Description", width: 300 },
                    { field: "Averaged", title: "Avg", width: 50 },
                    { command: [{
                        name: "del",
                        text: "Delete",
                        click: function (e) {
                            var tr = $(e.target).closest("tr");
                            var data = this.dataItem(tr);
                            if (confirm("Deleted this Expense!")) {
                                data.set("IsDeleted", true);
                                me.updateTotalExpenses();
                            }
                        }
                    }]
                }
            ],
....

Hi,

Is there any example available which shows how to use a custom editor template with angular?

The thing which is unclear is if I should use ng-model binding in the template and create an angular template or to use # expressions for a kendo template. 

Since the editor template is not directly supported with template directives (http://docs.telerik.com/kendo-ui/AngularJS/introduction#template-directives) I thought this way might be a solution:


Good idea or bad idea?


Please push me in the right direction!

thx, Chris

how to vertically align middle the view

Is it possible to great a button group without a toolbar? Styles?

Did we get rid of Momento.js library from the latest version of kendo ui library. I just got the latest version and I see this library is missing. Can you please suggest?

In month view when i clicked on more(...) button for a particular day,scheduler is switching to day view.
I want to know what are the events that triggered when more(..) button is clicked.I want this beacuse in day view i want to bind some exceptions.
Thanks in advance..