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

radContextmenu appearing under Radmenu

2 Answers 42 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Brete
Top achievements
Rank 1
Brete asked on 23 Apr 2020, 09:56 PM

I am having an issue trying the get a radcontextmenu appear above a radmenu.  

Following the instruction about positioning controls from  https://docs.telerik.com/devtools/aspnet-ajax/controls/controlling-absolute-positioning-with-z-index

The appearance is correct on IE 11 and Edge, but appears as attached when viewed in Chrome.  

The deckaration for RadContextMenu:

 

  <telerik:RadContextMenu ID="RadContextMenu1" runat="server" Skin="Black1" EnableEmbeddedSkins="false"    RenderMode="Lightweight"    style="z-index:483647"  >
  <Items>
      <telerik:RadMenuItem>
      


      </telerik:RadMenuItem>

  </Items>
                                
                                        
</telerik:RadContextMenu>

The declaration for The Radmenu:

 <telerik:RadMenu ID="RadMenu1" runat="server"   Skin="Default"   RenderMode="Lightweight"  style="z-index: 12345"  OnItemClick="RadMenu1_ItemClick">
</telerik:RadMenu>

 

I don't think I am missing any thing.   

2 Answers, 1 is accepted

Sort by
0
Accepted
Doncho
Telerik team
answered on 27 Apr 2020, 08:54 PM

Hello Brete,

You can achieve the desired by applying an additional style to override the built-in z-index of the ContextMenu so that it is rendered "above" the RadMenu.

You can use the CssClass property to differentiate the specific ContextMenu that need its styles to be overridden. See the sample below for a reference:


Markup declaration

<telerik:RadContextMenu runat="server" ID="RadContextMenu1" CssClass="higherMenu">

CSS

.RadMenu.RadMenu_Context.higherMenu{
    z-index:7010 !important;
}

 

I hope that helps. Feel free to give it a try and let me know about the result.

Kind regards,
Doncho
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
0
Brete
Top achievements
Rank 1
answered on 29 Apr 2020, 03:46 PM
Worked Great,   Thanks.  
Tags
Menu
Asked by
Brete
Top achievements
Rank 1
Answers by
Doncho
Telerik team
Brete
Top achievements
Rank 1
Share this question
or