Is there any way to insure that the expanded RadMenu is always on top?

4 posts, 0 answers
  1. Boris
    Boris avatar
    275 posts
    Member since:
    Oct 2012

    Posted 18 May 2015 Link to this post

    I have a RadMenu within a rather complex arrangement of RadPanes and RadSplitters.  

    The problem is that sometimes the area which contains the RadMenu has an active horizontal scrollbar and when the RadMenu expands, the expansion is hidden.  This is an especially big problem in low-res screens.

    I've found an assortment of references that refer to setting the z-index of the Radmenu in a variety of ways but these appear to be obsolete. (Such as switching style settings in and out using client side calls that no longer exist?)

    Is there any way to insure the current RadMenu is always on top?

  2. Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 21 May 2015 Link to this post

    Hi Boris,

    Thank you for contacting Telerik support.

    You can set the z-index of the Radmenu by CSS to be always with a high value as the following:
    html .RadMenu {
        z-index: 99999;
    }

    Do not hesitate to contact us if you have other questions.


    Regards,
    Magdalena
    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Boris
    Boris avatar
    275 posts
    Member since:
    Oct 2012

    Posted 21 May 2015 in reply to Magdalena Link to this post

    Thanks but it doesn't work.  As I said the control is within a framework of RadPanes and RadSplitters and the z index apparently has no effect on them.  I'm attaching a screen shot.  As you can see the sub-menus are hidden.  (Granted, as the name implies, this is an extreme example.  My app is generally used in offices with large desktop monitors.)

    In any case I solved my problem by rearranging the page and moving the RadMenu over to the left hand side.

  5. Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 22 May 2015 Link to this post

    Hi Boris,

    Thank you for the provided image as now we can better see the reason of the issue.

    The main functionality of splitters is co cut all overflowing parts of its children. As the menu is a children of a splitter, all overflowing parts of the menu (in this case a popup) are cut. There is no workaround to fix the issue, as CSS do not provide solution to set which children will be cut and which not, as overflowing property can be set only to parents elements.

    Do not hesitate to contact us if you have other questions.

    Regards,
    Magdalena
    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
Back to Top