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
Have a way to be able to save Kendo charts via a server API so that the the charts can be saved without having to view them in a browser. This would be useful for something like adding charts to generated pdfs. This functionality is already available for ASP AJAX Charts. Thanks
Using the following example project for a multiselect in a Grid: http://www.kendoui.com/code-library/permalink/boByv66aG2OF1P8AAFTdxQ Failure steps: 1) Run the project as-is. 2) Edit any grid line. 3) Add a Territory by typing the first few letters and pressing enter to select the highlighted item. 4) Save the grid line Issue: In the Update action, the ModelState is not valid and the Territories list in the EmployeeViewModel has null entries for the first X items (equivalent the the number of items existing before the update). The data POSTed from the grid seems to be inconsistent. New items are posted as TerritoryViewModel-type objects but the existing items are posted as the value (id) only. Note: Adding at least one item by clicking with the mouse magically resolves this issue and all items are posted as complete objects.
Example URL: http://jsbin.com/elutuz/4 The second tab (Sales) has data-stretch="true" set for its view. This appears to throw an error that breaks the drawer for that view.
I implemented the Kendo Scheduler widget in a Kendo Window today. The events of the scheduler did not show any resizing handles on hover. It showed up that this problem is caused by a CSS style in kendo.common.min.css stylesheet where one is applied to .k-window .k-resize-handle (opacity and font size set to zero). Just a little bug, but it took me some time to figure out the cause..:)
Hi. I find bug in StockChart version 2013.2.716 (2013.2.626 is ok): $("#stock-chart").kendoStockChart({ dataSource: { transport: { read: { url: "boeing-stock.json", dataType: "json" } } }, title: { text: "The Boeing Company (NYSE:BA)" }, dateField: "Date", series: [{ type: "line", field: "Open", name: "Open", }], navigator: { series: { type: "area", field: "Close" }, select: { from: "2000/01/01", to: "2010/01/01" } }, categoryAxis: { ... } }); [ { "Date": "2000/01/03", "Open": 41.62, "High": 41.69, "Low": 39.81, "Close": 40.12, "Volume": 2632000 }, { "Date": "2000/01/04", "Open": 39.88, "High": 41.12, "Low": 39.75, "Close": 40.12, "Volume": 3584700 }, { "Date": "2000/01/05", "Open": null, "High": 43.31, "Low": 41.38, "Close": 42.62, "Volume": 7631700 }, { "Date": "2000/01/06", "Open": 42.25, "High": 43.44, "Low": 41.12, "Close": 43.06, "Volume": 4922200 }, { "Date": "2000/01/07", "Open": 43.88, "High": 44.88, "Low": 43.69, "Close": 44.12, "Volume": 6008300 }, ... ] I set line series type and json data have null value.
Bubble count on mobile list view like jquery mobile