Problem: the same CSS classes are used for styling of different widgets, hence when they nest, styles interfere. Example: MultiSelect in a Grid column filter. The filter form is placed in the column menu and menu item styling (.k-filter-menu .k-button) is propagated to all k-buttons in it, including MultiSelect's selected item tags that are also k-buttons and have styling with lower specificity. Solution: Use additional CSS classes for specific styling. That is .k-button is Ok for generic styling (color, border, hovers), and another, say .k-item-tag and .k-menu-item, for widget specific (margin, width etc.)
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.
Would like to have a splitter in mobile controls.
Setup: * KendoUI Community Edition v2013.2.716 * Multiple resources in event When Field in Event contains Array of guids - it shows fine in the event, but on grouping throws an error (as guids are treated incorrectly in filtering function) When guid is wrapped by '', then grouping works well, but Event do not show assigned resources... Using debugging I found that problem is in filtering (Piece from the code): for(r=a.filterExpr(e),s=r.fields,d=r.operators,o=c=Function("d, __f, __o","return "+r.expression),(s.length||d.length)&&(c=function(e){return o(e,s,d)})
line 26486 has this: data = extend({}, { field: group.field, value: group.value }, group.aggregates[group.field]), should be this: data = extend({}, { field: group.field, value: (typeof(group.value) === 'undefined' ? null : group.value) }, group.aggregates[group.field]), Or something like that. In any case, without that change, the following will blow up when cell value is undefined. groupHeaderTemplate: "#=value#"
accordion widget is missing. please add it
Chrome displays a vertical scrollbar for all kendo window using iframe. Example: http://jsfiddle.net/Vz2Z4/
kendo will be more beautiful if kendo add a scrollbar plugin, and use it in some other widgets(DropDownList, MultiSelect, and so on); and I find something that I think it's not pretty: the grid widgets in metro theme, when I click the head of the grid, the order icon is not display immediately.
Grid drop down does bind when its data contains ' when drop down bind to item that contains ' it does not work
When we resize the browser, the window should center.
Development of a Kendo IDE Has Telerik/Kendo plans to develop its own IDE? A Wakanda-like IDE, with both design and source mode possibilities, would be very welcome and will give Kendo a real (commercial) boost!
Currently templates for editing are just supported in the Popup mode. In many cases we need to change whole row in the Inline Editing mode. In this occasion when the user pressed Edit button in the grid, all columns will be vanished and we are able to render a template with different controls and functionality.
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.
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
Actually the forms are created in a list. The label and the control elements are positioned side by side. For some cases it would be helpful to position the label above of the control element (see also WP8).
To define reusable parts of an application, developer often needs to define a model for the data, and a template for the presentation. UserControl may systemize and simplify this activity. Please look at the following links for details: http://www.nesterovsky-bros.com/weblog/2013/03/26/KendoUIUserControl.aspx http://www.nesterovsky-bros.com/weblog/2013/04/03/KendoUIExtendedModel.aspx http://www.nesterovsky-bros.com/weblog/2013/05/18/KendoUIControlsjs.aspx http://www.nesterovsky-bros.com/download/KendoUI/scripts/controls.js
Given a object such as Person which has an optional child object such as IdentityDetails (1:0/1) I cant get this to work properly. I just dont want to show the template if identitysection is null. Even when hasIdentitySection returns false this produces an exception because it tries to evaluate identitySection which is null <div data-bind="visible: hasIdentitySection"> <div data-bind="source: identitySection" data-template="identity-template"></div> </div>
Create kendoUpload: var ku = $('#file').kendoUpload({}); Destroy it: $('#file').data('kendoUpload').destroy(); Create again with files option: var ku = $('#file').kendoUpload({ files: [{name: 'name', size: '5000', extension: '.jpg'}] }); and try to remove file by click on cross, you'll get exception: Uncaught TypeError: Cannot call method 'remove' of undefined kendo.web.js:47077