RadMenu and RadWindow problem

3 posts, 1 answers
  1. Carlos Valdez
    Carlos Valdez avatar
    5 posts
    Member since:
    May 2010

    Posted 19 Oct 2010 Link to this post

    Hello, 

        I Have a problem when i'm open a RadWindow with the next code in the OnClickClient event in a asp:button :

           return blockConfirm('Seguro que quieres eliminar este registro?', event, 330, 100,'','Aviso del sistema');

        The problem is, the RadMenu is on the Confirm box, like the modal background z-index of RadMenu is higher than the bottom of the RadConfirm Background, I manually edit the RadMenu z-index but it stil happening.

     

    <telerik:RadMenu ID="RadMenu1" Runat="server" Flow="Vertical" Height="115px" 
    Skin="Web20" style="z-index: 0" >
    </telerik:RadMenu>

        Did you know what's happening? or how can i fix that?

        Thank's!
  2. Answer
    Cori
    Cori avatar
    562 posts
    Member since:
    Jul 2010

    Posted 20 Oct 2010 Link to this post

    Hello Carlos,

    The problem is the modal background does not have a high enough z-index to overlay the RadMenu. Try applying this css style:

    .TelerikModalOverlay
    {
        z-index: 9005 !important;
    }
    .RadWindow
    {
        z-index: 9015 !important;
    }

    That sets the modal overlay to a z-index above the RadMenu and the RadWindow to a z-index above the modal overlay. 

    I hope that helps.
  3. Carlos Valdez
    Carlos Valdez avatar
    5 posts
    Member since:
    May 2010

    Posted 20 Oct 2010 Link to this post

    Hi Cori, 

        Thank you for your help, I try your code but the problem still runs, I look in the manual (Pro Telerik ASP .Net) how to use RadWindowManager, and i found this:

    <telerik:RadWindowManager ID="RadWindowManager1" runat="server"
                              DestroyOnClose="false"
                              VisibleStatusbar="false"
                              Modal="true"
                              Behaviors="Close"
                              ShowContentDuringLoad="false"
                              ReloadOnShow="true"
                              style="z-index:20000">
    </telerik:RadWindowManager>

    if I add the line of code "style =" z-index: 20000" " works fine, I need read more jejeje.

    Thank's for your help! :)
Back to Top