Position the grid's sorting icon on the left side of the column header so that it is always visible even when the column header's label is wider than the columns width. This will also eliminate the icon overlap of a narrow column that is sorted and also has the "columnMenu" option set to "true"
Within a short look at Kendo I did not find out whether you support animation for navigating the web UI like it is possible in silverlight or Kendo UI mobile. Example: after selecting an item in a list a window from the right side turns in showing some details to the selected row. Do you / will support similar features?
KendoUI would seriously benefit from some killer apps and more marketing in general. A showcase gallery would be a great place to start.
Currently complex elements (Like the Grid and the Chart) have so many properties and methods that the page has so many DOM elements it takes forever to load.
I want to resize the splitter height but only when resize has stopped.
when adding an additional tab to a tabstrip - the tabbing behavior does not work as it should when switching tabs use the html below: then select in the browser the dynamic tab - works ok then select in the browser the static tab - this results in both tabs being displayed HTML to reproduce: <!DOCTYPE html> <html> <head> <title></title> <link href="styles/kendo.common.min.css" rel="stylesheet" /> <link href="styles/kendo.default.min.css" rel="stylesheet" /> <script src="js/jquery.min.js"></script> <script src="js/kendo.all.min.js"></script> <script> $(document).ready(function() { $("#tabstrip").kendoTabStrip({ animation: { open: { effects: "fadeIn" } } }); var tabstrip = $("#tabstrip").kendoTabStrip().data("kendoTabStrip"); tabstrip.append({ text: 'Dynamic Tab', content: 'Dynamic Content' }); //var firsttab = tabstrip.select(); //tabstrip.select(firsttab.next()); //tabstrip.select(firsttab); }); </script> </head> <body> <div id="forecast"> <div id="tabstrip"> <ul> <li class="k-state-active"> Static Tab </li> </ul> <div> Static content </div> </div> </div> </body> </html>
It would be cool if it were at least easier to put a kendo style modal within a kendo window that covers the content of the window. An example: Confirmation of action, if a user clicks to close the window it would be nice if a modal could be displayed, covering only the window content until the user confirms or cancels.
Build a Kendo Pie chart with long label names in the legend. Hover the chart close to the legend - if the area around the chart is too crowded with legend labels the tooltips (supposed to be displayed in that area) are actually placed very far from the chart, leaving the chart container. Maybe it would be beneficial to replace the absolutely positioned tooltip <div> with an svg representation.
Now that the Kindle Fire devices are flying off the virtual shelves, it would be cool to add Silk support for Kindle Fire devices. Not sure how you do that or if it's even possible... just putting it out there.
We have built some really cool stuff with Kendo UI Mobile. We want to present or Apps on regular web pages with non-HTML5 browsers. Maybe in an IFRAME like Facebook. We need graceful degradation functionality. Any interest?
I need to be able to bind similar to: <%= Html.Telerik().TreeView() .Name("TreeView") .DragAndDrop(settings => settings .DropTargets(".drop-container") ) .ClientEvents(events => events .OnNodeDrop("onNodeDrop") ) .BindTo(Model, mappings => { mappings.For<Employee>(binding => binding .ItemDataBound((item, employee) => { item.Text = String.Format("{0} {1}", employee.FirstName, employee.LastName); item.ImageUrl = Url.Content("~/Content/TreeView/Common/contact.png"); item.Expanded = true; }) .Children(employee => employee.Employees)); }) .HtmlAttributes(new { @class = "t-group" }) %> and have the functionality of sorting, filtering
It would be nice if you added an option to actually use combobox in mvvm scenario. http://www.kendoui.com/forums/ui/combobox/combobox-mvvm-binding-entire-object-instead-of-object-value-mvvm-bug.aspx
Like: sortable: { mode: "multiple", max: 2 }. When the 3rd one is sorted it unsorts the first.
I have seen a few different samples on how to implement a dynamic skin chooser for Kendo UI Web, but I think this would be a great UI control to be added to the suite itself. None of the code samples I have found are simply drop in and use, but require slight modifications.
Have the opportunity during the reporting grid columns to add or hide visible property. This then avoids calling the function hideColumn. By default the column is visible.
Allow actionsheet to be databound to a DataSource
Add support for the HTML 5 data-* so we can access the Kendo API in this elegant and unobtrusive way. Example, Kendo's date picker could be called this way something like this: <input type="text" class="myClass" data-kendo-date="true" data-format="dd/MM/yyy" data-min-date="13/12/2013" />
This feature will help a lot then you need to show user a text values but send number values of cells to a server.
Release a guide similar to the jQuery UI one which shows the best practices to develop our own "kendo ui conform" widgets and allow and document the code reuse - like globalization - from our own widgets.