Menu items hidden inside div

11 posts, 0 answers
  1. Neeraj
    Neeraj avatar
    86 posts
    Member since:
    May 2015

    Posted 28 Feb Link to this post

     On the Dojo Example https://dojo.telerik.com/ITAtUxeS  i have split menu . The Items in Opening of menu are hidden behind div. How to show on top of div ?
  2. Magdalena
    Admin
    Magdalena avatar
    487 posts

    Posted 01 Mar Link to this post

    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.
  3. Neeraj
    Neeraj avatar
    86 posts
    Member since:
    May 2015

    Posted 01 Mar Link to this post

    I have already provided sample in previous post also  : https://dojo.telerik.com/ITAtUxeS
  4. Magdalena
    Admin
    Magdalena avatar
    487 posts

    Posted 01 Mar Link to this post

    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.
  5. Neeraj
    Neeraj avatar
    86 posts
    Member since:
    May 2015

    Posted 07 Mar Link to this post

    Hello,
             Can you overwrite the solution provided in my sample link https://dojo.telerik.com/ITAtUxeS 
  6. Neeraj
    Neeraj avatar
    86 posts
    Member since:
    May 2015

    Posted 09 Mar Link to this post

    hello Magdalena, 
                   Can we implement context menu on SplitButton . both of them works differently , contextMenu on right click and splitbutton on left click.  Can you show me in my sample code?
  7. Ianko
    Admin
    Ianko avatar
    1768 posts

    Posted 09 Mar Link to this post

    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.
  8. Neeraj
    Neeraj avatar
    86 posts
    Member since:
    May 2015

    Posted 12 Mar Link to this post

    Hello Ianko,  In the sample you provided ,

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

  9. Magdalena
    Admin
    Magdalena avatar
    487 posts

    Posted 12 Mar Link to this post

    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.
  10. Neeraj
    Neeraj avatar
    86 posts
    Member since:
    May 2015

    Posted 13 Mar Link to this post

     Hi Magdalena, Thanks for Quick Sample .  I Appreciate that !   
                   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
  11. Magdalena
    Admin
    Magdalena avatar
    487 posts

    Posted 13 Mar Link to this post

    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.
Back to Top