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!
When I go to dojo.telerik.com, I get a loading image that is showing forever and the actual playground is never getting loaded.
Has dojo been retired?
UPDATE
I tried again after a few hours but after a long time of loading panel , the playground in dojo loaded. But, now there is no button to login. So my question now is if I can get all my snippets from dojo?
Hi, I am using Telerik grid in Razor pages applications. I have main grid and Detail grid.
<script id="orderItemsTemplate" type="text/kendo-tmpl">Problem: .ToolBar(tb => tb.Columns()) is not working on Detail grid template.
I have a page with kendo menu and sometimes k-reset css class is being applied to all ul elements in a kendo menu. As a result the kendo menu is becoming all white and then its impossible to read the menu items.
Is there any way to prevent this css class of k-reset from being applied?
I looked at the demo at https://demos.telerik.com/kendo-ui/menu/orientation.
The code for this demo included the following line of code.
menu.data("kendoMenu").close($("#myMenu .k-link"));
Can someone tell me how I can align my last element to the right while the others stay to the left please? i am working with asp.net mvc core 8
@(Html.Kendo().Menu()
Hi,
as the title says i'm trying to open an alert on the Select Event of a kendoContextMenu, but the alert is shown only after the Select function is completed, is it possible to show an alert as soon as the user clicks on the ContextMenu option (at the start of the Select Event)?
Below the Select Event of my code:
select: function (e) {
alert("Test Alert"); //This one appears only after that the Select function ends, but i'd want it to appear as soon as the select function starts
//MY CODE
}
Thanks in advance,
- Antonio
Kendo Javascript : Toolbar is not working as expected on the previous version of KendoUI , It was working fine. On this example if I am trying to add "Add Sub Project" on template of toolbar, Still it is showing default "Add new record" on the screen. Functionality is working fine only the issue with toolbar template.
I'm trying to create a kendo menu that stays inside a bootstrap responsive grid. I don't want to set an explicit width, but allow users to scroll when items don't fit in the screen width.
Example: https://dojo.telerik.com/EJojofaD/6
When I try to click on a sub menu item, it closes too soon. When I remove the 'scrollable' property, clicking on child items works, but the menu overflows its containers.
How can I have a menu that stays inside a bootstrap grid column without specifying a width explicitly, and still be able to?