Hi All,

I need to create a dropdownlist & kendoTreeList inside a kendo grid even though the grid is not set to edit mode.

User should be able to select the value from the dropdown list & the kendo Treelist.

kindly give me the  approach to implement this. 

please share me the links of any examples .

Thanks in advance. :)

I am using multiple Kendo editors on a page, all with inline editing so that the toolbar shows/hides when the editor gains/loses focus for input.  One of the custom tools that was added to the toolbar is to open a symbol selection popup.  When the user navigates to a different editor, I would like to close the popup of the first editor, but I am not sure what event I should tie into to make this happen.  Is there an event for when the toolbar is hidden?

Thanks for your help, Bob

When I scrolling quickly in the grid it appear duplicate API request and interrupting scrolling. How can I improve the issue ? please help, thanks!

1.duplicate request

2.interrupting scrolling

Hi all,

We are using kendo ui jquery for angularjs buttons in our system like this:

<kendo-button id="cancelUpdateBtt" class="k-primary" on-click="cancel()">{{"cancel" | tr}}
            </kendo-button>
            <kendo-button id="detailsBtt" class="k-primary" on-click="Details()">{{'details' | tr}}
            </kendo-button>

I am trying to update our system to latest kendo ui for JQuery release (R1 2022), and all of the sudden our button internationalization using our custom translation angularjs pipe (tr in upper example) is not working any more. Looks like button content gets encoded, so my angularjs not working anymore. I tried using it without pipe, and same issue occurs - so pipe is not a problem.

I can confirm that issue was caused in latest kendo ui version and with following steps.

When I use current version of kendo ui like in following dojo: https://dojo.telerik.com/ABOvameJ/2 
issue is clearly visible - and value is not displayed correctly. (instead of seeing "Something new" we see angularjs biding encoded)

    <script src="https://kendo.cdn.telerik.com/2022.1.119/js/angular.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2022.1.119/js/kendo.all.min.js"></script>

    <script src="https://kendo.cdn.telerik.com/2021.1.119/js/angular.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2021.1.119/js/kendo.all.min.js"></script>

Hello everyone,

I want to make a grid similar to this example: 

https://demos.telerik.com/kendo-ui/grid/custom-command

but i want the popup window to have a kendo tabstrip inside.

How can i do it in jquery? 

Thank you

I was able to reproduce the functionality on the following demo:

https://demos.telerik.com/kendo-ui/cards/drag-and-drop

I would like to be able to apply this to a dashboard screen where the user is able to move the widgets/cards around.  What can I use to save as a preference for the order of the cards/widgets?  Is there an attribute or parameter that tells the Kendo List where it should be in the list?  That way the next time they come to the page the cards will be in the order they last saved them in.

Hi team,

Please check this stackblitz example:

https://stackblitz.com/edit/react-k6cra4

Here, if I'm updating the AO cell (i.e Verified By CC)  to either Yes or No.
If the value I put is Yes then I need to put today's date in the AN cell  (i.e Verified By CC Date)  for the same row.

This is working fine if I update each cell individually, i.e AO2, AO3, AO4 one by one. But if I do the drag value, this doesn't work.
And the reason not working is that I'm referring to the sheet.activeCell() .

I wanted to know if there is another way to achieve this (i.e AN cell should be updated if I do drag update on AO cell for all the columns)

Please let me know if you didn't understand or have some confusion about the problem statement.

Thanks! :)

I'm trying to remove the Total on the kendo grid, I would like to display instead of e.g.:

"11 - 15 of 999999 items"

something like:

"11 - 15 items"

I'm using jQuery to achieve that and already put this on the dataBound:

const $pagerInfo = $(".k-pager-info");
if ($pagerInfo.length) {
  const textContent = $pagerInfo[0].textContent;
  const textChanged = textContent ? `${textContent.split("of")[0].trim()} items` : "";
  $pagerInfo[0].textContent = textChanged;
}

this is not currently working.

Attached  two files for your reference.

Code snippet is as below :- 

$scope.MonthlyExportStatement = function() {
        $scope.MonthlyDownloadButton = "Downloading...";
        kendo.drawing.drawDOM(".monthly-pdf-page", {
            paperSize: "A3",
            margin: "1cm",
            multiPage: true,
        }).then(function(group){
            kendo.drawing.pdf.saveAs(group, "test.pdf");
            setTimeout(function(){
                $scope.MonthlyDownloadButton = "Download PDF";
                $scope.$apply();
            });
        });
}

For actual image please refer image 2. While downloading PDF with kendoUI, Image is getting cut off.  What was wrong with above code ? Please assist me ASAP.