It would be great to be able to simply connect the menu widget to a DataSource to populate. It will allow for a data driven menu, instead of having to handle that logic on the client side.
Add an overflow option/setting to the menu control. If the height or width of a menu group exceeds the current page viewport height or width, a new section would be added to the beginning and end of the menu to allow scrolling without adding scrollbars. Example - If a horizontal menu has a sub menu that exceeds the height of the current page viewport, add sections to the top and bottom of the sub menu to allow the menu items to be scrolled up or down (mouseover or click) without adding a scrollbar to the sub menu.
Kendo UI is so customizable, which is why I'm transitioning away from DHTMLX, jQuery UI and jQuery Mobile. The Menu currently allows some control over click events, but I think, in keeping with Kendo's current customization options, full control over click and hover events would be a great thing to have. I was able to mock this by commenting out 1 line of code, so to add as a configure option, this should be pretty easy to implement.
its not very easy and transparent to find out what menu item was clicked and what function is to be executed. A simple callback reference would be most convenient. Or at least a simple value to compare. Other advantage is that in case of international translations the code is not impacted
Almost everything in the Kendo UI library can have its visual aspect changed by use of templates. Unfortunately this does not apply to the visual interface for the Kendo Menu object. Please can you consider adding this functionality.
Have the menu act the same as a DropDown with detached Popup which lives in the document.body so it can expand over splitters and other things that hide the menu expansion.
Menu - set item highlighted when clicked Example: If I click HOME I want home remain highlighted, if I click another item set this item highlighted
In the kendo ui menu, we need the ability to associated a number (or primary key) with the menu so that when it is clicked we can then use this id and make an async js callback or the like. At the moment the only thing we have available is the menu item text. What happens if the menu has two menu items with the same text? ie File -> Properties and Folder -> Properties?
According to the documentation at: http://docs.kendoui.com/kendo-ui/api/web/menu#configuration-dataSource you can add the following information to a dataSource: text cssClass url encoded content imageUrl spriteCssClass However you cannot add an id to the menu item you are creating. This makes it very difficult to remove items by using: menu.remove("#Item1"); The only way round this is to assign a unique class to each menu item and then remove them using: menu.remove(".news"); If an id can be added that would be great. You have an example here: http://docs.kendoui.com/kendo-ui/api/web/menu#methods-remove Which is what we would like to do except the items will be created via a program and not static HTML.
Currently, when a menu item is a link and has a sub menu, the sub menu is never shown on touch screens. The first click on the menu item opens the link. On touch screens, the first click should open up the sub menu, and a second click would be needed to open the link.
When new item with sub-items is appended or inserted (before/after) into kendoMenu or kendoContextMenu then "aria-expanded='false'" text surprisingly appears right to the new item. This defect can be reproduced just by running the demos published for kendoContextMenu or kendoMenu's methods such as append, insertAfter or insertBefore, or as shown bellow. The defect is reproduced on Windows and Linux, as well as on Firefox, Chrome and Edge.
When openOnClick is enabled for the root Menu items and also the scrollable option is enabled, when moving the cursor over different subitems, previously hovered remains opened.
Both submenus remain opened - the one for SubItem 1 and for SubItem 2
The previously opened submenu (Subitem 1) should get closed.
The sub items in a Menu only open the first time in IE when scrollable is set to true.
The subitems open only the first time
The subitems should open every time you hover them
An action that would work just like the MVC @Ajax.ActionLink with the AjaxOptions { UpdateTargetId , HttpMethod , InsertionMode } Which adds the data-ajax attributes to the anchor tag: Example: data-ajax="true" data-ajax-method="Get" data-ajax-mode="replace" data-ajax-update="#AjaxContent"
Hi, ContextMenu scroll ( contextmenu height ). ( telerik RadContextMenu do it ) Thanks
My suggestion in for Marketing new products and services. May Telerik could create a Telerik Store, for his customers sell directy to each other, sub systems, or even full systems or custom components and Themes. Progress Telerik wins a part of the trade. This is my idea for future community, 'cause robots will grow very fast and a Store for your plataform would be good way for humans improve each other. Could the Store developers sell too his task force for jobs targeting Telerik products.
WI Hi Telerik Team, Just wanted to point out that it would be nice if you could kindly put "-Bruce Lee" after the "Content is like water" quote. Thank you
Please, I don't know where to direct this comment to that is why I am contacting sales for possible onward forwarding to the appropriate tea
Steps to reproduce:
Expected: New child list item under the "Fifth Item" menu is bold and purple
Actual: New child list item is not formatted
If you inspect the DOM for the appended item, you will notice that the list item was not appended to a ul. A child ul was created but it is empty and has an undefined id.
It looks like this bug was introduced in 2023.2.606
When utilizing the content property for a Kendo UI Menu's DataSource, the MenuItem's content is not created as expected based on documentation.
Here is a Progress Kendo UI Dojo which replicates the appearance issue.
This is a Dojo with an older version that is working as expected.
Define the content in a nested Items property:
{
text: "<b>Item 2</b>",
encoded: false, // Allows use of HTML for item text
items: [{
content: "text", // content within an item
contentAttr: {
style: 'border: 1px solid red; padding: 2px;', // Add attributes to the content container
custom: 'value'
}
}],
},
Here is a Dojo of the workaround in action.