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.

in pre version of Kendo UI Jquery, the follow code can get select tab id , but it is not working in recent version.

var tabStrip = $("#" + controlName).kendoTabStrip().data("kendoTabStrip");

var selectId = tabStrip.select()[0].id;

Please help

I am having inconsistent behavior for the Menu widget. 

Sometimes, the submenu will appear below not on the typical right side. Please see attached illustration which is based on the Menu demo page.

I like to know if there is API or function to use that could recalculate a submenu position?

My version is 2021.3.1109
jQuery version: 3.6.0

Hi

I am working on a project that utilizes multiple rows. I have "required" in the html and a validator (such as the one below) in the typescript file.

The issue is that, if I check for validation and it returns false, then I close the window and go to a different row, the new row will still have false validations from the previous row and will still have the red borders around the required fields.

I can't find a way to turn off the validation when the row is exited.

I have attempted things such as this.kendoValidator.cleanAttributes; thinking it would clear the validation when the window is closed but the validator is still holding onto that false value for any other row that echatazar I go into.