Telerik Forums
Kendo UI for jQuery Forum
3 answers
818 views
We need your feedback, because we are considering changes in the release approach for Kendo UI for jQuery. Please provide your feedback in the comments section below:


1. Is it hard to understand the version numbers of our releases? If yes, what makes them hard to understand them?

2. Would semantic versioning (SemVer) of our releases make it easier to understand our version numbers and what's behind them?

3. If we go with SemVer, we might need to start with version 3000.0.0 as we currently use 2022.x.x. Please share your thoughts about this approach and ideas for what number versioning would work best for you.

Jack
Top achievements
Rank 2
Iron
 answered on 23 Jun 2023
1 answer
11 views

Suppose my breadcrumb is Home > LocalData > WebFile > Tools. When I click the breadcrumb 'WebFile', it navigates to Home.

 

js:

var firstDataBound = false;
$(document).ready(function () {
    $("#FileManager").kendoFileManager({
        height: 950,
        toolbar: {
            items: [
                { name: "search" },
                { name: "createFolder" },
                { name: "upload" },
                //{ name: "details" },
                { name: "spacer" },
                { name: "sortDirection" },
                { name: "sortField" },
                { name: "changeView" }
            ]
        },
        contextMenu: { // 右鍵選單
            items: [
                { name: "rename" },
                { name: "delete" },
                { name: "download", text: "download", command: "download", icon: "k-i-download" } // 自訂
            ]
        },
        command: function (e) {
            if (e.action == "itemchange" || e.action == "remove") { // 做 rename 或 delete 動作,會導致檔案預覽區被關閉,所以要重新開啟
                var filemanager = e.sender;
                filemanager.executeCommand({
                    command: "TogglePaneCommand",
                    options: { type: "preview" }
                });
            }
        },
        uploadUrl: "./handler/FileExploreHandler.ashx?type=upload",
        error: function (e) {
            alert(e.xhr.responseJSON);
        },
        dataSource: {
            schema: kendo.data.schemas.filemanager,
            transport: {
                read: {
                    url: "./handler/FileExploreHandler.ashx",
                    type: "POST",
                    dataType: "json",
                    data: {
                        "type": "read"
                    }
                },
                create: {
                    url: "./handler/FileExploreHandler.ashx",
                    type: "POST",
                    dataType: "json",
                    data: {
                        "type": "create"
                    }
                },
                update: {
                    url: "./handler/FileExploreHandler.ashx",
                    type: "POST",
                    dataType: "json",
                    data: {
                        "type": "update"
                    }
                },
                destroy: {
                    url: "./handler/FileExploreHandler.ashx",
                    type: "POST",
                    dataType: "json",
                    data: {
                        "type": "destroy"
                    }
                }
            }
        },
        dataBound: function (e) { // 資料綁定完成後,開啟檔案預覽區
            if (firstDataBound == false) {
                var filemanager = e.sender;
                filemanager.executeCommand({
                    command: "TogglePaneCommand",
                    options: { type: "preview" }
                });
                firstDataBound = true;
            }
        }
    });

    var filemanagerNS = kendo.ui.filemanager;

    filemanagerNS.commands.download = filemanagerNS.FileManagerCommand.extend({
        exec: function () {
            var selectedFiles = this.filemanager.getSelected();
            var file = selectedFiles[0];

            var a = document.createElement("a");
            a.href = "./handler/FileExploreHandler.ashx?type=download&path=" + encodeURIComponent(file.path);
            document.body.appendChild(a);
            a.click();
            document.body.removeChild(a)
        }
    });

    var fileManager = $("#FileManager").data("kendoFileManager");
    fileManager.view("grid");
});

 

C#:

public void ReadFiles(HttpContext context)
{
    try
    {
        List<FolderFileInfo> FolderFileInfoList = new List<FolderFileInfo>();

        string FolderPath = RootPath;
        if (!string.IsNullOrEmpty(context.Request.Form["target"]))
        {
            FolderPath = RootPath + context.Request.Form["target"];
        }

        foreach (string dir in Directory.GetDirectories(FolderPath))
        {
            var di = new DirectoryInfo(dir);
            FolderFileInfoList.Add(new FolderFileInfo
            {
                name = di.Name,
                isDirectory = true,
                hasDirectories = di.GetDirectories().Length > 0,
                path = di.FullName.Replace(RootPath, ""),
                size = 0,
                created = di.CreationTime,
                modified = di.LastWriteTime
            });
        }

        foreach (string file in Directory.GetFiles(FolderPath))
        {
            var fi = new FileInfo(file);
            FolderFileInfoList.Add(new FolderFileInfo
            {
                name = fi.Name.Replace(fi.Extension, ""), // 不能帶副檔名
                isDirectory = false,
                hasDirectories = false,
                path = fi.FullName.Replace(RootPath, ""),
                extension = fi.Extension,
                size = fi.Length,
                created = fi.CreationTime,
                modified = fi.LastWriteTime
            });
        }

        context.Response.StatusCode = 200;
        context.Response.ContentType = "application/json";
        string json = JsonConvert.SerializeObject(FolderFileInfoList);
        context.Response.Write(json);
    }
    catch (Exception ex)
    {
        context.Response.StatusCode = 500;
        context.Response.ContentType = "application/json";
        context.Response.Write(JsonConvert.SerializeObject("讀取失敗!"));
    }
}

public class FolderFileInfo
{
    public string name { get; set; }
    public bool isDirectory { get; set; }
    public bool hasDirectories { get; set; }
    public string path { get; set; }
    public string extension { get; set; }
    public long size { get; set; }
    public DateTime created { get; set; }
    public DateTime modified { get; set; }
}
Neli
Telerik team
 answered on 04 Sep 2025
0 answers
6 views

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

Scott Hannon
Top achievements
Rank 1
 asked on 03 Sep 2025
0 answers
6 views

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!

Jason
Top achievements
Rank 1
 asked on 02 Sep 2025
0 answers
4 views
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
Ram
Top achievements
Rank 1
 asked on 01 Sep 2025
5 answers
371 views

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

 

 

 

Bruce
Top achievements
Rank 1
Iron
 answered on 31 Aug 2025
1 answer
21 views

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.

 

lisa
Top achievements
Rank 1
Iron
 updated answer on 27 Aug 2025
1 answer
20 views

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?

Jay
Top achievements
Rank 3
Iron
Iron
Iron
 updated answer on 26 Aug 2025
0 answers
18 views

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!

 

 

Randy
Top achievements
Rank 1
 asked on 25 Aug 2025
1 answer
31 views

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. 

  1. 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.
  2. 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.

 

SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
 updated answer on 21 Aug 2025
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
Date/Time Pickers
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Application
Map
Drag and Drop
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
SPA
Filter
Drawing API
Drawer (Mobile)
Globalization
Gauges
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
MultiColumnComboBox
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
OrgChart
TextBox
Effects
Accessibility
ScrollView
PivotGridV2
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Breadcrumb
Collapsible
Localization
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
Popover
DockManager
FloatingActionButton
TaskBoard
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?