RadGrid with ModalPopupExtender

2 posts, 0 answers
  1. brian sullivan
    brian sullivan avatar
    5 posts
    Member since:
    Nov 2007

    Posted 05 Oct 2009 Link to this post

    I'm trying to use a RadGrid inside a modal popup created with the AJAX Control Toolkit's ModalPopupExtender control.  However, when I click on the column filter menu provided by the RadGrid, the context menu shows up behind the modal popup.  I've tried adjusting the z-order style of the both the menu and the popup by using CSS classes, but both seem to use inline styles to set their z-indexes.  The popup uses a value of 10000, while the RadGrid filter menu uses a value of 7000.  Is there any way I can set the z-index value the menu uses, so that it shows up above the popup?
  2. brian sullivan
    brian sullivan avatar
    5 posts
    Member since:
    Nov 2007

    Posted 06 Oct 2009 Link to this post

    I found a way to get around this problem.  If I mark the z-index style in the CSS class that I apply to the FilterMenu element underneath the RadGrid as "!important", that value (10002 in my case) will take precedence over the inline style that's being applied to the menu.  That looks something like this

    <!-- MyPage.aspx --> 
     
    <telerik:RadGrid runat="server" ID="RadGrid1"
        <FilterMenu CssClass="filterMenu"></FilterMenu> 
    </telerik:RadGrid> 

    /* mystyles.css */ 
     
    .filterMenu 
        z-index:10002 !important; 
     

    Feels a little hackish, but it works.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top