This is a migrated thread and some comments may be shown as answers.

Menu items hidden inside div

10 Answers 588 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Neeraj
Top achievements
Rank 1
Veteran
Neeraj asked on 01 Mar 2018, 04:58 AM
 On the Dojo Example   have split  The Items in Opening of are hidden behind div. How to show on top of

10 Answers, 1 is accepted

Sort by
0
Magdalena
Telerik team
answered on 01 Mar 2018, 10:48 AM
Hi Neeraj,

Could you please provide the sample?

Regards,
Magdalena
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Neeraj
Top achievements
Rank 1
Veteran
answered on 01 Mar 2018, 12:22 PM
I have already provided sample in previous post also  : https://dojo.telerik.com/ITAtUxeS
0
Magdalena
Telerik team
answered on 01 Mar 2018, 02:47 PM
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
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Neeraj
Top achievements
Rank 1
Veteran
answered on 07 Mar 2018, 10:17 AM
Hello,
         Can you overwrite the solution provided in my sample link https://dojo.telerik.com/ITAtUxeS 
0
Neeraj
Top achievements
Rank 1
Veteran
answered on 09 Mar 2018, 08:57 AM
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?
0
Ianko
Telerik team
answered on 09 Mar 2018, 11:26 AM
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
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Neeraj
Top achievements
Rank 1
Veteran
answered on 12 Mar 2018, 05:56 AM
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 

0
Magdalena
Telerik team
answered on 12 Mar 2018, 12:45 PM
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
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Neeraj
Top achievements
Rank 1
Veteran
answered on 13 Mar 2018, 10:07 AM
 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
0
Magdalena
Telerik team
answered on 13 Mar 2018, 03:46 PM
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
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Menu
Asked by
Neeraj
Top achievements
Rank 1
Veteran
Answers by
Magdalena
Telerik team
Neeraj
Top achievements
Rank 1
Veteran
Ianko
Telerik team
Share this question
or