Menu items hidden inside div

[Neeraj]

 On the Dojo Example   have split  The Items in Opening of are hidden behind div. How to show on top of

[Magdalena]

Hi Neeraj,

Could you please provide the sample?

Regards,
Magdalena
Progress Telerik

[Neeraj]

I have already provided sample in previous post also  : https://dojo.telerik.com/ITAtUxeS

[Magdalena]

Hello Neeraj,

Thank you for the provided sample.

Actually the menu item is rather hidden by overflowing of the k-window-content than hidden behind a div. There is no possibility to specify by CSS which children will be cut by parent's overflowing and which not. You can resolve the issue add a target that will replace the menu root item, and subitems will be actually context menu. In this case context menu will be rendered as a popup outside window element so it will not be cut.

Regards,
Magdalena
Progress Telerik

[Neeraj]

Hello,
         Can you overwrite the solution provided in my sample link https://dojo.telerik.com/ITAtUxeS 

[Neeraj]

hello Magdalena, 
               Can we implement context menu on  both of them works contextMenu on right click and on left click.  Can you show me in my sample code?

[Ianko]

Hello Neeraj,

Here you are a dojo example showing how to utilize the ContextMenu for the case: https://dojo.telerik.com/ITAtUxeS/4. 

Regards,
Ianko
Progress Telerik

[Neeraj]

Hello Ianko,  In the sample you

1) the arrow  show up for context menu in split button to show list ( in UI to let know that clickable ) as shown in my
2) The Member List menu is coming not as what It should be on top 

[Magdalena]

Hi Neeraj,

Context menu position is set in the open context menu event. Modifying those parameters you will customize the position to the required values. Removing the fixed position from the sample, the menu will be displayed above the Kendo window.

If you would like to render the arrow down icon, you can use the inbuilt Kendo font icons for the purpose.

I am sending you this modified Dojo sample for your reference.

Regards,
Magdalena
Progress Telerik

[Neeraj]

 Hi Magdalena, Thanks for Quick   I Appreciate    
               1)   Is there some way to disable right click to open context menu ? 
               2)   I have added 'Height:70px;' and 'overflow-y:auto' style in contextMenu. When i try to drag scrollbar, contextMenu  hides

Refer this link: https://dojo.telerik.com/ITAtUxeS/8

[Magdalena]

Hi Neeraj,

I am afraid that is you would like to disable opening the menu by right click, it is necessary to add your custom logic. You can stop opening the context menu on the open event depending on used button.

Scrolling the popup is possible without clicking arrows, by mouse wheel only. If you would like to prevent hiding the menu on click, it is necessary to add a custom logic similar to the previous case (point one). The other solution is to apply the height and overflow property to context menu children. I am sending you this modified sample.

Regards,
Magdalena
Progress Telerik