I am using the column menu from the example in the docs. However I have added a button outside of my grid that can be used to quickly set a preset filters by updating the filter field. The filtering works, but the column menu interface is not updated accordingly. What can I do to make the column menu react to changes to the filter field?

https://stackblitz.com/edit/drvkhm

Thanks!

Hi,

I am trying to create a nav menu using the kendo Menu Component. My requirement is to make this nav menu similar to the dashkit nav menu. There are two major problems that I am currently facing

1. Show Active navs [showing the active url]
2. Make this NavMenu work in both web and mobile versions.

Problem with Making Responsive: In the web version, if we hover on a nav item that has children in the nav menu, it opens a submenu on the right side of that nav item. In the Mobile version, if we click on a nav item that has children, it opens a submenu on the right side same as the web version, but the submenu is outside of the viewable frame.

Showing Active navs: I looked for this in the forum, but unfortunately, I didn't find any proper solution for making the kendo menu nav items active.

DashKit Theme Reference: https://dashkit.goodthemes.co/index.html

Customize Setting:

• Color Scheme: Light Mode
• Navigation Position: SideNav
• SideNav Sizing: Icons
• Navigation Color: Default

Sample Vue Project: https://github.com/iamAdarshh/Kendo-Menu-Responsive

Hello,

In my grid in the columns I put custom colum menu, so I can use directly the filters. The problem is that although everything seems to be working fine, when I click on on column filter it opens a popup, and when I click on one other columns filter it also opens a popup BUT does not close the previous one.

I ve seen examples where this functionality works, and some others that it does not. Is there a solution for when I open one columns filter popup to close all the others that is currently open?

Thanks

Hi All,

          We wish to start new project using Kendo UI and using Vue.Js. My requirement Listing Below

      In my application i had above 10 menus. When i click each menu it will load grid with data. When i login application it will land in default page with grid  and corresponding menu will be active. when i  click second menu i want to minimize  first grid data and load second grid data, when i click third menu again i want to minimize second grid data and load the third grid data. like that remaining  menus.  But when i click first or second or third minimized grid (not in menu) i want show that grid data . its will show only existing data(not going to data base and retrieve data). How will achieve this requirement using Kendo UI and vue.js? i don't  use session state kind of state management methods

There is a an example of menu, but how can I add router-link to menu item?

<kendo-menu-item text="Baseball">
<kendo-menu-item text="Top News"></kendo-menu-item>
<kendo-menu-item text="Radio Records"></kendo-menu-item>
</kendo-menu-item>

Thank you in advance

Is there a smart way of implementing the context menu on the Grid, so I can right click on a single row for more actions, like:
right click on a grid row and chose to go to the product page, or user page, or anything else related to the grid row data

When using a template as below then the child items do not display:

The same problem can be seen in your docs under 'Basic Usage':

https://www.telerik.com/kendo-vue-ui/components/layout/menu/

Using 'ul' instead of 'MenuItem' it seems to work fine

I want to know how could I customize the default tooltip shown by the column menu (https://stackblitz.com/run/?file=src/main.vue):

On this example, instead of the "ProductName Column Menu" tooltip text,  I'd like to display some other user friendly text, or just have this tooltip removed. Is it possible?

Hi,

I have simple two questions. 

I'm comparing both Kendo Vue Native components and wrapper components to migrate from Kendo jQuery. 

Wrapper components

-> If I set :columnMenu="true", I can see a list of menus like sort ascending and it also has 'Columns' menu which shows or hides columns by checking or unchecking check boxes. 

However When I implement same components by using native components, the list doesn't show 'Column' menu. 

Can someone tell how to show the column menu???

And, if I already have license for jQuery, is it possible to get license for Vue without extra payment??