Pending Review
Last Updated: 12 Dec 2019 08:01 by ADMIN
Vitaliy
Created on: 06 Dec 2019 19:36
Type: Feature Request
2
Custom menu popup class

Hello,

I have two Menus and I need to customize their popups differently. Can I specify somehow Menu Popup id or className?

As I can see Popup component has className property, but it is hard-coded in MenuItemInternal.prototype.getPopupClassName and neither Menu nor MenuItem classes are used in popup.

Any suggestions?

Thanks.

 

5 comments
ADMIN
Stefan
Posted on: 12 Dec 2019 08:01

Hello, Vitaliy,

This is already transferred and the community can vote for it.

I already transferred its status on approved, as it is indeed a valid and useful request:

https://feedback.telerik.com/kendo-react-ui/1445252-custom-menu-popup-class

Regards,
Stefan
Progress Telerik

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Vitaliy
Posted on: 12 Dec 2019 00:07

Hi Stefan.

Yes, please transfer it to feature requests community.

It is a bit strange that no one else had a need in similar functionality before.

Thanks.

ADMIN
Stefan
Posted on: 11 Dec 2019 07:41

Hello, Vitaliy,

This is expected as the class is applied to all items inside the Menu.

If the request is specifically for the main Popup if you wish I can transfer this to an official feature request where the community can vote for it. This is the way we determine which features and components to be implemented sooner.

Regards,
Stefan
Progress Telerik

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Vitaliy
Posted on: 09 Dec 2019 19:45

Thanks Stefan,

Unfortunately, the using size of the MenuItem to change the size of the popup would not work if I have more than one menu item.

Please see the screen shot attached.

 

Thanks

 

ADMIN
Stefan
Posted on: 09 Dec 2019 09:01

Hello, Vitaliy,

In this case, I can suggest setting the cssClass property of the MenuItem as it will be applied to the Popup as well:

https://www.telerik.com/kendo-react-ui/components/layout/api/BaseMenuItem/#toc-cssclass

I made an example with two Menu on the page and both have different styles for the Popup:

https://stackblitz.com/edit/react-mjt2az?file=app/main.jsx
I hope this is helpful.

Regards,
Stefan
Progress Telerik

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items