Our site uses an iframe to display content and when the user clicks on an item in our nav bar the parent page loads the new url in the iframe. We have noticed the memory has been growing every time the iframe loads a page, even if it is just loading the same page over and over. Much of the increase is garbage collected but some remains which means if the user navigates around for a while the memory usage can get pretty high. I have been struggling with this issue for a couple days now. I have searched and found a few workarounds such as deleting the iframe and creating a new one every time the user navigates but nothing has improved the problem so far. In order to make sure it wasn't something we were doing wrong in our code I created a very simple sample to demonstrate the issue.The sample loads an iframe every time you click a button with a very simple page that includes the js files for the kendo libraries we use. In this example the memory grows slowly but steadily. Obviously with a more complex page it will grow faster. I left some commented code in there with one of the workarounds I tried.
Any help would be greatly appreciated.
Thanks,
Andrew

I just updated Kendo UI to Professional R2 2017 yesterday and was trying to put a Listbox widget in the popup edit window using the template. Every time when the edit window was closed and the widget was destroyed automatically, an error occured with the message 'Uncaught TypeError: Cannot read property 'removeData' of null'.
Please help resolve this issue. Thanks.
We are having an urgent need of a customizable point chart a figure of which is attached for your kind reference.
The Y axis needs to have a range and not incremental numbers. (High, Med, Low)
The icons that need to be plotted need to be images or circle with gradient color.
The grid lines drawn need to be dividing the data into equal 9 quadrants.
We need to have a Save as PDF & JPG/PNG format.
Request you to confirm which of your existing graphs will help us to achieve the expected functionality.
Request you to urgently respond.
Hello
We have been using for quite a long time Kendo in our ASPX Web Forms applications.
Now we also started developing in pure JS and we plan to start Angular 4 as well.
However, to keep consistency, we need to provide, in our new applications, the possibility of having tooltips in Modal mode.
For example, in WebForms we had something like <telerik:RadToolTip runat="server" Modal="true">
How could we do it using kendo UI for jQuery ?
Many Thanks!
I'm using Kendo UI TreeView and I enabled the dragAndDrop option. When I perform a drag and drop, the node is well moved by in the text I have :
function ( value ) { return access( this, function( value ) { return value === undefined ? jQuery.text( this ) : this.empty().each( function() { if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) { this.textContent = value; } } ); }, null, value,
See the images of the error in stackoverflow

I am trying to add a custom command into the toolbar to launch a modal and can't get the grid to render or template to function properly. This is all in angularjs.
<div class="page page-forms-common"> <div class="pageheader"> <h2>Transactions</h2> </div> <div ng-include="'views/card/CardHeader.html'" ng-controller="CardHeaderCtrl"></div> <br /> <div> <kendo-grid options="transactionGridOptions" id="transactionsGrid"> </kendo-grid> </div> <script type="text/ng-template" id="DisputeTransactions.html"> <div> <div class="modal-header"> <h3 class="modal-title custom-font">Dispute Notes</h3> </div> <div class="modal-body"> <label for="noteHistory"> Previous Notes: </label> <label for="newNote"> Add Note: </label> <textarea></textarea> </div> <div class="modal-footer"> <button class="btn btn-orange" ng-click="cancel()">Cancel</button> <button class="btn btn-blue" ng-click="ok()">Submit</button> </div> </div> </script> <script type="text/ng-template" id="disputeButtonTemplate"> <div id="toolbar" data-role="toolbar"> <button ng-click="openDispute('lg')">Dispute</button> </div> </script></div>
var transactionData = [ { "TransactionId": "1", "Transaction_Date": "02/14/2017 17:00:000", "Transction_Amount": "$200.00", "Merchant_Name": "1-800-Flowers", "Transaction_Description": "home delivery", "Balance": "$1500.00" }, { "TransactionId": "2", "Transaction_Date": "02/15/2017 17:00:000", "Transction_Amount": "$300.00", "Merchant_Name": "Shane Co", "Transaction_Description": "Shane Co in-store purchase", "Balance": "$1200.00" }, { "TransactionId": "3", "Transaction_Date": "02/16/2017 08:30:000", "Transction_Amount": "$200.00", "Merchant_Name": "King Soopers", "Transaction_Description": "foo", "Balance": "$1000.00" }];app.controller("TransactionGridCtrl", function ($scope, $uibModal) { $scope.transactionGridOptions = { toolbar: [{ name: "excel" }, { name: "pdf" }, { template: kendo.template($('#disputeButtonTemplate').html()) }], dataSource: { data: transactionData }, columns: [ { template: "<input type='checkbox' class='checkbox' />", width:"30px" }, { field: "TransactionId", hidden: true }, { field: "Transaction_Date", title: "Transaction Date", }, { field: "Transction_Amount", title: "Transction Amount" }, { field: "Merchant_Name", title: "Merchant Name" }, { field: "Transaction_Description", title: "Transaction Description" }, { field: "Balance", title: "Balance" }], noRecords: true, editable: false, sortable: true, reorderable: true, pageable: { pageSize: 20, previousNext: true, input: true, buttonCount: 5, pageSizes: [20, 30, 40, "all"], info: true, messages: { page: "Enter page" } }, filterable: { mode: "menu", ignoreCase: true, operators: { string: { eq: "Equal to", contains: "Contains", startswith: "Begins with" }, date: { eq: "Equal to", gt: "After", lt: "Before", eq: "Equals", gte: "After or equal to", lte: "Before or equal to" } } }, pdf: { allPages: false, fileName: "Transactions.pdf" }, excel: { fileName: "Transactions.xslx", filterable: true } } $scope.openDispute = function (size) { alert("hi"); //var modalInstance = $uibModal.open({ //templateUrl: 'TransferFunds.html', //controller: 'TransferFundsCtrl', //size: size //}); }});
Hey,
I have a grid with collapse inside, and I got more data inside my collapse.
But if I click export to csv, the data from collapse is not exporting to csv file.
Can I export collapse data too?
Thanks, Chen.

Hello!
I have prepared an example: http://dojo.telerik.com/oZOYa
In my project setup I use 24x24 px images with transparent background (in the online demo 16x16 px), which I position in the center of the buttons (css vertical-align). I also need to set the button click event handlers after the toolbar has been initialized.
On desktop browsers the example works well. However, when I use Chrome for Android (version 58), the button click event is not always firing, even when the orange button background flashes up, when pressing on a button. The issue seems to appear more often, when the page is zoomed. Toggle buttons work fine. I experience the same issue, but less often, with iOS 9.3.2 Safari too.
Any ideas on how to improve the user experience?
Best regards,
Kaan
Dojo example: http://dojo.telerik.com/EZUfO/2
In this example, I want to display some nodes in the treeview (directories), and hide other nodes (files). If you expand "dir1" and "dir2" you can see that the filter works as expected (/dir1/dir2/file is hidden). I also manually call load() when selecting a treeview node, so that I can reference a node's children simply by clicking on it (see select event callback).
Steps to reproduce undesired behavior:
After step 4 you should see that /dir1/dir2/file is shown in the treeview. Is this expected behavior? I would like /dir1/dir2/file to always stay hidden, according to the datasource's filter.