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

Problem with dynamic menu

2 Answers 141 Views

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

Farshad heidary asked on 15 May 2010, 08:49 AM

i have a DIV that cntain a telerik menu.

    
            .menuBody{ 
        
                width:159px; 
        
                padding:8px; 
        
                overflow:hidden; 
        
                background:#f3f3f3; 
        
                border:1px solid #afafaf; 
        
                border-top-width:0px; 
        
                border-bottom-width:0px; 
        
                direction:ltr; 
        
                text-align:justify; 
        
                line-height:20px; 
        
            }

but when dynamic menu(chilid menu) is open. dynamic menu goes under DIV.
this is pic of tthis event.
http://www1.upic.ir/images/ebvaet2tcehwx71hsg7.jpg
how i can fix it?

2 Answers, 1 is accepted

answered on 17 May 2010, 09:14 AM

Helo Farshad,

Your code works fine when I tried on my end. I am using RadControls version 2010, 1, 309. Hee is the code.

CSS:

    
                <style type="text/css">   
        
                    .menuBody   
        
                    {   
        
                        width: 159px;   
        
                        padding: 8px;   
        
                        overflow: hidden;   
        
                        background: #f3f3f3;   
        
                        border: 1px solid #afafaf;   
        
                        border-top-width: 0px;   
        
                        border-bottom-width: 0px;   
        
                        direction: ltr;   
        
                        text-align: justify;   
        
                        line-height: 20px;   
        
                    }   
        
                </style>

ASPX:

    
                <div id="menuDiv" class="menuBody">   
        
                    <telerik:RadMenu ID="RadMenu1" runat="server" Flow="Vertical" Skin="Simple" Style="top: 0px;   
        
                        left: 0px">   
        
                        <Items>   
        
                            <telerik:RadMenuItem runat="server" Text="Root RadMenuItem1">   
        
                                <Items>   
        
                                    <telerik:RadMenuItem runat="server" Text="RadMenuItem1">   
        
                                    </telerik:RadMenuItem>   
        
                                </Items>   
        
                            </telerik:RadMenuItem>   
        
                            <telerik:RadMenuItem runat="server" Text="Root RadMenuItem2">   
        
                            </telerik:RadMenuItem>   
        
                        </Items>   
        
                    </telerik:RadMenu>   
        
                </div>

C#:

    
                protected void Page_Load(object sender, EventArgs e)   
        
                {   
        
                    RadMenuItem item1 = new RadMenuItem("DynamicItem");   
        
                    RadMenu1.Items[0].Items.Add(item1);   
        
                }

Could you try setting the z-index property of RadMenu to higher value and see whether it helps?

-Shinu.