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

RadMenu behind RadGrid and already set z-index

2 Answers 230 Views
Menu
This is a migrated thread and some comments may be shown as answers.
kwanchanok
Top achievements
Rank 1
kwanchanok asked on 27 Jun 2014, 07:36 AM
when i put RadMenu in GridTemplateColumn ,set Radmenu css to position:absolute and to allowscroll then radmenu is postion absolute as image that i attach
but when delete position:absolute: radmenu when behind of grid when mouse over there
Css
    .menu {
        z-index: 8000!important;
        position: absolute;
    }

GridColumn
<telerik:GridTemplateColumn UniqueName="TemplateColumnAction" HeaderText="Action" >
                <ItemTemplate>
                    <div>
                        <telerik:RadMenu ID="RadMenuAction" runat="server" CssClass="menu"
                            OnClientItemClicked='<%# "function (s,a){menuClick(s,a,"+Container.ItemIndex+");}" %>'>
                            <Items>
                                <telerik:RadMenuItem Text="v" CssClass="menu">
                                    <Items>
                                        <telerik:RadMenuItem Text="Destroy Hash" Value="Destroy" i>
                                        </telerik:RadMenuItem>
                                        <telerik:RadMenuItem Text="Reissue Hash" Value="Reissue">
                                        </telerik:RadMenuItem>

                                    </Items>
                                </telerik:RadMenuItem>
                            </Items>
                        </telerik:RadMenu>
                    </div>
                </ItemTemplate>
                <EditItemTemplate>
                    Test
                </EditItemTemplate>
            </telerik:GridTemplateColumn>

2 Answers, 1 is accepted

Sort by
0
kwanchanok
Top achievements
Rank 1
answered on 27 Jun 2014, 07:44 AM
image that i attach happen when i delete position:absolute:


0
Hristo Valyavicharski
Telerik team
answered on 02 Jul 2014, 08:19 AM
Hi kwanchanok,

Please see what are the current z-indexes values for the most of the RadControls:
http://www.telerik.com/help/aspnet-ajax/controlling-absolute-positioning-with-zindex.html

The menu has bigger z-index than the grid.

If you need to change the menu's z-index look here:
http://www.telerik.com/support/kb/aspnet-ajax/window/details/show-radwindow-above-radmenu

Regards,
Hristo Valyavicharski
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
Tags
Menu
Asked by
kwanchanok
Top achievements
Rank 1
Answers by
kwanchanok
Top achievements
Rank 1
Hristo Valyavicharski
Telerik team
Share this question
or