Telerik Forums
Kendo UI for jQuery Forum
1 answer
28 views

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

Neli
Telerik team
 answered on 15 Dec 2023
1 answer
20 views

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.

 

image

image

 

Martin
Telerik team
 answered on 21 Nov 2023
1 answer
76 views

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?

Martin
Telerik team
 answered on 21 Jul 2023
0 answers
69 views

Hello,

i need some help regarding a problem with the context-menu. i am total new with the framework so maybe my question sounds a little stupid. sorry for that. 

When an entry in the context menu is clicked twice (kind of double-click) the app has a problem with the request that is still beeing executed by the first click. 

So how can i disable a context menu-entry inside a click handler. We are using typescript.

The handler starts with 

    private OnMenuItemSelect(event: ContextMenuSelectEvent): boolean {
        const item = $(event.item);
        const menuItemId = this.GetMenuItemIdFrom(item);
        if (menuItemId == null) {
            return true;
        }
        const menuItem = this.GetMenuItemById(menuItemId);
        if (menuItem == null) {
            return true;
        }

 

How can i access the clicked entry and disable it ?

Bernd
Top achievements
Rank 1
 asked on 13 Feb 2023
2 answers
1.0K+ views

Hi, 

The menu widget has an 'enable()' function, is there a similar way to hide a menu item the same way?

Thanks,
Grant

Khaled
Top achievements
Rank 1
Iron
 updated answer on 18 Jan 2023
2 answers
85 views

Hi,

I have Menu component in my app, and it is dynamically filled in depending on a few parameters. As a result, I can have 4-5 menus and each of them 10-20 sub-options. 

I would like to implement "search" option for the menu.

I tried implementing datasource filter, but for some reason it always filters only 0-level and not children or their subelements.

I used standard datasource filter with field name, contains clause and value.

Am I doing something wrong or there is some better approach for this?

Thank you and regards,

Vedad

Neli
Telerik team
 answered on 11 May 2022
1 answer
70 views

Hi everyone, I would like to ask for your help.
I would like to hide the SubItems when the drawer is in mini mode, if I click on each element.

Thanks in Advance

https://dojo.telerik.com/ejapuWiB/3

Dayan K

 

Nikolay
Telerik team
 answered on 02 May 2022
1 answer
58 views

I am using Kendo UI for JQuery and need to create a data-bound Kendo menu. By data bound, I mean that the items need to be data bound to an array property of a Kendo observable. The issue is that it appears that MVVM binding messes up formatting and functionality of the items. Here is my code (based on the example found in Kendo's documentation) :

 


<div id="example">
<div class="demo-section k-content">
    <div>
        <h4>Select an item</h4>
        <ul  data-role="menu"
            data-bind="events: { select: onSelect },
                        visible: isVisible"
            style="width: 100%;">
            <li>
                Products
                <ul data-template="menu-item-template" data-bind="source: items">
                </ul>
            </li>
        </ul>
    </div>
</div>

<script id="menu-item-template" type="text/x-kendo-template">
  <li data-bind="text: text"></li>
</script>

<script>
    var viewModel = kendo.observable({
        isVisible: true,
        items: ["Product1", "Product2", "Product3"],
        onSelect: function (e) {
            var text = $(e.item).children(".k-link").text();
            kendoConsole.log("event :: select(" + text + ")");
        }
    });
    kendo.bind($("#example"), viewModel);
</script>
<style>
    .demo-section .box-col li {
        margin-bottom: 0;
    }
</style>

The result of executing this code looks like this:

enter image description here

Notice how the formatting of the items is messed up (no margins, etc.).

 

Do you know what's the proper way to combine data binding and Kendo menu?

 

Thank you!

Martin
Telerik team
 answered on 27 Apr 2022
1 answer
395 views

Hello,

 

I'm using a kendoMenu item as a toolbar option in a kendo grid. This worked fine until one of the newer releases and the animated dropdown panel now shows behind the grid as shown here:

https://jsfiddle.net/k1d4aufr/

Previous versions of kendo did not have this problem:

https://jsfiddle.net/jddevight/Ltgvk2sf/

 

I've tried setting the z-index on the animated panel and nothing works. Any ideas?

 

Thanks,

 

Matt

 

Georgi Denchev
Telerik team
 answered on 13 Apr 2022
Narrow your results
Selected tags
Tags
+? more
Top users last month
horváth
Top achievements
Rank 2
Iron
Iron
Steve
Top achievements
Rank 2
Iron
Erkki
Top achievements
Rank 1
Iron
Mark
Top achievements
Rank 2
Iron
Iron
Veteran
Jakub
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
horváth
Top achievements
Rank 2
Iron
Iron
Steve
Top achievements
Rank 2
Iron
Erkki
Top achievements
Rank 1
Iron
Mark
Top achievements
Rank 2
Iron
Iron
Veteran
Jakub
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?