RadMenu behind RadGrid and already set z-index

3 posts, 0 answers
  1. kwanchanok
    kwanchanok avatar
    22 posts
    Member since:
    May 2014

    Posted 27 Jun 2014 Link to this post

    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. kwanchanok
    kwanchanok avatar
    22 posts
    Member since:
    May 2014

    Posted 27 Jun 2014 Link to this post

    image that i attach happen when i delete position:absolute:


  3. Hristo Valyavicharski
    Admin
    Hristo Valyavicharski avatar
    975 posts

    Posted 02 Jul 2014 Link to this post

    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.

     
Back to Top