Would like to have a splitter in mobile controls.
There is no pure HTML5+JS equivalent for RadSpell available anywhere that I can find. We currently use RadSpell but are trying to move away from WebForms. RadSpell is holding us back.
At the moment, Kendo mobile is pretty 'static': you need to define labels, etc. for switches at the point of construction. This makes internationalisation a little tedious, as to change the label for a different user selected language, we have to 'manually' use jquery to dig out the span, etc. It also means that whilst we can get it working as mentioned above, any update to the toolkit could break our code as we are building in expectations on html structure. Further, aside from label setting, 'containers' need to adjust their sizing to accommodate the dynamic content, e.g. switch is a good example of static!
If I only have 3 items in a grid then it should only be as tall as it needs to be to show them, but if I have 100 items then I want it to be tall enough for 10 items or for say 300 pixels and turn on scrolling. If it's shorter than the threshold I don't want the scrollbar shown at all.
A quarter is not the same as 3 months in the same way that a week is not the same as 7 days. Feb-Mar-Apr is not a standard quarter. Kendo automatically lines weeks up on Sundays. Please consider doing something similar for quarters.
Currently if you use a DropDownList in a mobile app, the picker popup is changed to an ActionSheet automatically. This may work well for phone-based applications but when creating tablet-based apps, this can be a clumsy and less than ideal selection presentation. Please allow for some configuration option to all the DropDownList to use its normal browser behavior even when running in mobile application. Referenced here: http://www.kendoui.com/forums/kendo-ui-web/combobox/prevent-actionsheet-selection-in-mobile-app.aspx
When multiple popovers are supported, clicking on a button to open popover1 should automatically close popover2. Your popover demo demonstrates the problem, but bypasses the pain point by positioning the popover buttons on opposite sides of the form. Often multiple buttons on a Nav bar will cause popovers, which will overwrite portions of each other when multiple are displayed simultaneously. I tried a quick workaround, which didn't work.
Very hard to coloring the icon (only black and white if using sprites). I need to color the icon especially during validation when invalid. And second, I also want standardize icon in my project with glyphicons.
The US Government requires that software they purchase be Title 508 Compliant, essentially ensuring the people with disabilities can use the software. There's a problem with Grid wherein the header and body are actually 2 different tables. This is a problem because screen readers can't associate the th in the first table with the td's in the second. There may be other problems. We'd like to be able to sell to the US Government. ;^)
The new chart select feature is great but it only works with vertically oriented charts (column), but I need it for stacked bar charts. I'd also like to be able to disable the grab handles and programatically specify the range. I have multiple similar charts, a category-specific grid with additional info, and a dropdownlist for selecting the category. You can also select the category by clicking any of the chart elements.
I would like to see a robust data-grid for tablets. Bring over as many features from your desktop grid into the mobile world.
Widgets like ExtJS viewport and form panel would be useful. Form input is most used UI elements at business applications and viewport for full screen placement. kendoui would be contains some widgets for most common business applications needs.
A heatmap (grid-style at least) is very much useful in any decent project management application. A widget that could remotely connect color-shades to jSON data would be really great.
When using jQuery Validation in your forms, particularly with jQuery Unobtrusive Validation, the Kendo controls don't behave well from a styling perspective. In order to get things to work, you need to use a script like the one from this example: https://github.com/telerik/kendo-examples-asp-net-mvc/blob/master/kendo-input-widgets-validation/KendoInputs_Validation/Views/Home/jQuery_KendoMvcValidate.cshtml It would be nice if this script/support was better documented and potentially included as a supported mechanism rather than something each customer has to implement and tweak individually.
Happens In chrome (and opera) when a grid is first rendered. If you click the sort or filter icon, the grid becomes focused. As a result, the browser scrolls the window, even though the grid is already focused. This causes an issue if you have a fixed header, since the grid becomes obstructed. The following is a modified version of existing kendo code, and will keep the grid where it belongs, so it does not move (works for us). Hope it helps, and either way thanks for a great product: function focusTable(table, direct) { // MODIFICATION: // capture window x/y position in order to restore it at end of function. // this is necessary since chrome/opera will scroll focused elements into // view, even if they are visible. var x = window.x; var y = window.y; var scrollable = $(table).closest(":scrollable('vertical')"); var scrollLeft= scrollable[0].scrollLeft; var scrollTop = scrollable[0].scrollTop; var msie = browser.msie; if (direct === true) { table = $(table); var condition = msie && table.parent().is(".k-grid-content,.k-grid-header-wrap"), scrollTop, scrollLeft; if (condition) { scrollTop = table.parent().scrollTop(); scrollLeft = table.parent().scrollLeft(); } if (msie) { try { //The setActive method does not cause the document to scroll to the active object in the current page table[0].setActive(); } catch(e) { table[0].focus(); } } else { table[0].focus(); //because preventDefault bellow, IE cannot focus the table alternative is unselectable=on } if (condition) { table.parent().scrollTop(scrollTop); table.parent().scrollLeft(scrollLeft); } } else { $(table).one("focusin", function(e) { e.preventDefault(); }).focus(); } if(browser.webkit || browser.opera) { window.scrollTo(x, y); scrollable.scrollTop(scrollTop); scrollable.scrollLeft(scrollLeft); } } function tableClick(e) { var currentTarget = $(e.currentTarget), isHeader = currentTarget.is("th"), currentTable = currentTarget.closest("table")[0]; if (kendo.support.touch) { return; } if (currentTable !== this.table[0] && currentTable !== this.thead.parent()[0]) { return; } this.current(currentTarget); // MODIFICATION: // Removed timeout so the table can focus now (as required). // That way if the user clicks the filter icon first, the table // will focus and the filter menu will display. Else table will // focus some 250 msecs from now, after the filter menu shows. // In such a case, the menu would blur immediately, and close. if (isHeader || !$(e.target).is(":button,a,:input,a>.k-icon,textarea,span.k-icon,.k-input,.k-multiselect-wrap")) { focusTable(currentTable, true); } if (isHeader) { e.preventDefault(); //if any problem occurs, call preventDefault only for the clicked header links } } ui.plugin(Grid); ui.plugin(VirtualScrollable); })(window.kendo.jQuery);
Kendo Grid Select Method is working good if you have only one grid on a page, but if you have more than one grid on the page then its not working properly. To check this issue please check the following code snippet http://jsfiddle.net/amolkhot/AZz8z/1/ I also found solution for that, in select method of grid I saw that you guys are doing items=$(items) [Code Line # 25089 in kendo.all.js] it has to be items = $(that.element).find(items) I hope this change will be done in next release build. Thanks, Amol Khot
kendoui.all.js and kendoui.all.min.js are not from the same codebase. The bug appear to be in datawiz when trying to load data from the remote location and ammend it via dataFilter. Minified version in my case works while the source populates the grid with undefined value. No error shown in console.
Allow the user to resize the editor textarea by dragging the lower right corner. A solution for doing this is given in the forums, but it would be great to have it as built-in functionality. http://www.kendoui.com/forums/kendo-ui-complete-for-asp-net-mvc/editor/is-it-possible-to-give-the-html-editor-a-resize-grip-.aspx
There really needs to be some manner of an event raised when 'validateInput' and 'validate' run, that can provide meaningful feedback to hook into. As it stands right now, it is very hard to do any kind of manipulation with the Kendo Validator. But adding even such simple lines as .. input.attr("aria-invalid", true); // existing kendo code input.trigger('invalid', [messageText, messageLabel]); to the "validateInput" function would make it more possible to have the validator communicate with third party tools (in my situation, qTip2). Having an event raised when validation is complete would also be very useful because it would allow other UI elements to effectively respond to it, without having to do very hokey ad-hoc manipulations.
It would be great if there was a wrapper library for Ember.js similar to the kendo-labs libraries for Angular and Knockout.