Questions on Kendo UI for jQuery Forum

0 answers

15 views

Spreadsheet render function not firing in 2025.3.825

In the latest version 2025.3.825, the render function doesn't fire after the spreadsheet is rendered.

See this dojo as an example: https://dojo.telerik.com/FQeIFBMD

Spreadsheet

asked on 03 Sep 2025

0 answers

15 views

Kendo (jQuery) context menu does not work when using a filter

Hello all,

I have been using Kendo for quite a while now. As of recently our team decided to upgrade the Kendo version our software is using. We upgraded from Kendo 2022 to Kendo 2025. This was quite an upgrade, so we spent a lot of time fixing bugs and visual problems. Luckily, we managed to get it all up and running, until today.

Our software uses context menu's. When setting these up we define a target and also a filter within. In the case of the problem we are facing, we are using a context menu for a treeview with items. So we target the treeview, and filter on specific treeview items. That way a context menu will only appear if you specifically right-click an item in the treeview.

Since the upgrade, no context menu appears. Whenever we remove the filter from the context menu options, a context menu does appear. This is not what we are looking for, because we only want to trigger a context menu on treeview items. Hence we need the the filter option. I added a breakpoint in the Kendo source code where the code checks if the target element matches with the given filter in the options. To my surprise, the code continues as expected and calls the "open" method on the context menu. Still, there is no context menu visible. I have tried all sorts of filters, even a star-selector (*), which should match all elements. Even with that, it does not work.

It looks like in both cases (with or without a given filter) the code goes through the sameflow. However, as soon as there is a filter present, no context menu appears.

this.treeViewContextMenu = $("#treeViewContextMenu").kendoContextMenu({
                dataSource: [
                    {text: "Item toevoegen", attr: {action: "addNewItem"}},
                    {text: "Hernoemen", attr: {action: "rename"}},
                    {text: "Verwijderen", attr: {action: "delete"}}
                ],
                target: ".tabstrip-treeview",
                filter: '.k-treeview-leaf-text',
                open: this.onContextMenuOpen.bind(this),
                select: this.onContextMenuSelect.bind(this)
            }).data("kendoContextMenu");

Does any of you guys know what might be wrong? Am I approaching it incorrectly? Thank you!

Menu

TreeView

asked on 02 Sep 2025

0 answers

8 views

Kendo jQuery PivotGrid: Show hierarchy levels in Fields hai to

I have a lot of projects with kendo grids in them. As a matter of practice, I always call the same function on the dataBound event.hap

AutoComplete

General Discussions

Upload

asked on 01 Sep 2025

5 answers

377 views

Barcode - width not enough generate rough result

HI

I have test the Kendo UI Barcode and have found some problems.

。The Barcode result will become rough while width does not enougth (even if renderAs: "canvas" or "svg").
(see Image1 - rough result)

。Larger width will cause error (even if height is greater then the suggested value) :

$(container).find("#gudbrands").kendoBarcode({
value: "1234567890" ,
type: "code39",
width: 580,
height: 100
});

Uncaught Error: Insufficient Height. The minimum height for value: 1234567890 is: 87

at o.prepareValues (kendo.all.min.js:97)

at o.addData (kendo.all.min.js:97)

at o.encode (kendo.all.min.js:97)

at init._render (kendo.all.min.js:97)

at init.createVisual (kendo.all.min.js:97)

at init.redraw (kendo.all.min.js:97)

at init.setOptions (kendo.all.min.js:97)

at new init (kendo.all.min.js:97)

at HTMLDivElement.<anonymous> (kendo.all.min.js:26)

at Function.each (jquery-2.2.4.min.js:2)

My questions :
1.Could Barcode could auto size by itself ?
2.The height of the Barcode should not be limited(see Image2 - long code39)

Best regards

Chris

Barcode

answered on 31 Aug 2025

1 answer

26 views

Weird kendo drawing drawDOM behaviour

Currently I'm using kendo ui version -> 2022.3.1109

I want to download pdf from html so here's my simple code.

<body>
  <div id="pdf-scope">
    <p>
        Assignment Order - <strong>Interview</strong> - Review & Submit
    </p>

    <p>
        Assignment Order - <span class="bold-text">Interview</span> - Review & Submit
    </p>
  </div>

  <button id="btn-download-pdf">
    download
  </button>

</body>
</html>

<script>
  $("#btn-download-pdf").on("click", () => {
      let pdfDom = $("#pdf-scope");
    
      kendo.drawing.drawDOM(pdfDom, {
          /*margin: "2px",*/
          paperSize: "A4",
          scale: 0.4,
          margin: 50,
          keepTogether: ".prevent-split",
          forcePageBreak: ".page-break",
          landscape: true,
          multiPage: true
      }).then(function (group) {
          kendo.drawing.pdf.saveAs(group, "Interview.pdf");
      });
  });
</script>

Everything's fine on html view, here is the view I tried:

Until I clicked the pdf button, a strange result shown in downloaded pdf

The question is why this is happened ? Is it something wrong with my code ?I know the problem is not bold style but the tag inside <p> is being recognized as tab character, fyi I also tried another workaround such putting 2 div in-line and gave me the same result.

PDFViewer

updated answer on 27 Aug 2025

1 answer

30 views

How to get category out of a Donut chart

Helllo

I have a Donut chart working well (see attachment). When I hover over it the category shows its tooltip. I would now to make the Donut clickable. When I click on a category an event would let me know the clicked category for taking further actions. Is something like that possible?

Charts

updated answer on 26 Aug 2025

0 answers

23 views

All Day Event rendering not working after upgrade.

I'm working with the kendo Scheduler in the context of a Dynamics 365 (v9) integration. The scheduler is bound to appointment entities. Our original implementation worked with a 2014 version of the Kendo scheduler, but when upgrading to Kendo 2025.2.702, the "all day" integration has changed. In setting the "All Day Event" checkbox in D365:

We do NOT have the appointment rendered in the All Day Slot on the calendar, rather it is rendered as an all day appointment (8-5).

I'm not sure where to put hooks in change that! There is an edit handler coded in (as part of the scheduler configuration) but it is never triggered. Here is the configuration for the Kendo Scheduler:

Not sure where to go next with this.

Thanks!

Scheduler

asked on 25 Aug 2025

1 answer

49 views

Kendo UI Tooltip not reflecting the correct message

I am using a scenario where the tooltip shows for each textbox based on its title property, but the tooltip is not showing the correct message probably because the kendo ui library is changing it.

When you click the Submit button, then the title of each textbox is being set based on whether the textbox has a missing value. After clicking Submit button, if you focus into any textbox you will see that its title is set to empty string. I am showing the latest values of the title of each textbox on load event and also on focus, mouseenter and blur of each textbox.

The code sampe is at https://dojo.telerik.com/CZauQXvf

I have two questions.

How can the tooltip show the message based on the lastest title of the textbox? This is not happening. If you input a value into any textbox and click Submit then the title of that textbox is being set to empty, but the tooltip for that textbox still shows the old message.
How can the tooltip be not shown when there is no content in it i.e. title value of the textbox is an empty string? Right now its showing an empty tooltip.

ToolTip

updated answer on 21 Aug 2025

4 answers

30 views

kendo.drawing.drawDOM question

Hi,

I am using Font Awesome in my website, and i use kendo.drawing.drawDOM to export the content of browser to save as PDF.

I have no issue when using Font Awesome v6.x, but after upgrade to v7, it throws exception as below:

Uncaught Error: Table loca not found in directory
    at Directory.readTable (kendo.all.js?v=MqxEUy3L2C5M1NNIrnRwFVhryZ5lhiNwICBm4cSuw5c:42392:19)
    at TTFFont.parse (kendo.all.js?v=MqxEUy3L2C5M1NNIrnRwFVhryZ5lhiNwICBm4cSuw5c:43552:25)
    at new TTFFont (kendo.all.js?v=MqxEUy3L2C5M1NNIrnRwFVhryZ5lhiNwICBm4cSuw5c:43544:18)
    at kendo.all.js?v=MqxEUy3L2C5M1NNIrnRwFVhryZ5lhiNwICBm4cSuw5c:43844:32
    at XMLHttpRequest.<anonymous> (kendo.all.js?v=MqxEUy3L2C5M1NNIrnRwFVhryZ5lhiNwICBm4cSuw5c:43823:21)

$(document).on({
    "click": function (e) {
        e.preventDefault()
        // Embed external fonts into pdf
        kendo.pdf.defineFont({
            "Font Awesome 7 Brands":
                "/fonts/FontAwesome/fa-brands-400.ttf",

            "Font Awesome 7 Free":
                "/fonts/FontAwesome/fa-regular-400.ttf",

            "Font Awesome 7 Solid":
                "/fonts/FontAwesome/fa-solid-900.ttf",

            "DejaVu Sans":
                "https://cdn.kendostatic.com/2023.1.117/styles/fonts/DejaVu/DejaVuSans.ttf",

            "DejaVu Sans|Bold":
                "https://cdn.kendostatic.com/2023.1.117/styles/fonts/DejaVu/DejaVuSans-Bold.ttf",

            "DejaVu Sans|Bold|Italic":
                "https://cdn.kendostatic.com/2023.1.117/styles/fonts/DejaVu/DejaVuSans-Oblique.ttf",

            "DejaVu Sans|Italic":
                "https://cdn.kendostatic.com/2023.1.117/styles/fonts/DejaVu/DejaVuSans-Oblique.ttf"
        })
        kendo.drawing.drawDOM($("#Body"), {
            landscape: false,
            paperSize: "B2",
            margin: "2cm",
            forcePageBreak: ".page-break"
        }).then(function (group) {
            kendo.drawing.pdf.saveAs(group, siteShortName + "-Snap-" + new Date().getTime() + ".pdf")
        })
    }
}, "#Snap")

Do you able to tell what may cause the error? I am using online free font converter to convert woff2 to ttf as v7 no longer provide ttf. v7 is now using css variable.

Thanks.

Drawing API

answered on 20 Aug 2025

1 answer

16 views

Kendo jQuery PivotGrid: Show hierarchy levels in Fields

I want to compare two data types side-by-side in one PivotGrid. Conceptually the Fields tree should look like:

Field

DATA 0
├─ Area Data 0
└─ Period Data 0

DATA 1
├─ Area Data 1
└─ Period Data 1

Measures
• Value Data 0
• Value Data 1

Then on Columns I’d place Area → Period under DATA 0 (and/or DATA 1) to get a hierarchical header.

Question

Is showing expandable hierarchy levels in the Fields panel supported with client-side data?
If yes, what’s the correct schema?
If not, what’s the recommended approach (e.g., model each level as its own dimension), and would PivotGrid v2 change this?

Product & version

Kendo UI for jQuery – PivotGrid (classic, not v2)
Reproduced on CDN builds 2023.2.718 and 2024.2.514
Browser: Chrome (latest)

PivotGrid

PivotGridV2

answered on 19 Aug 2025