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. UI for ASP.NET Ajax is Ready for VS 2017
  4. 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