z-index issue for RADMenu

11 posts, 1 answers
  1. Matt Frank
    Matt Frank avatar
    12 posts
    Member since:
    Apr 2010

    Posted 23 Jul 2010 Link to this post

    I am having an issue with the z-index for this control when I call a RADWindow using RADWindow Manager.

    The RADMenu is located in the master page and the WindowManager is located within a user control that is called when the select command is called.  I have the z-index for the Menu set to 29000 in the masterpage along with the z-index for the WindowManager in the user control which is set to 3000.

    Please see the attached screen shot to see what is happening. 

    Any ideas, or am I doing something totally wrong?
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 26 Jul 2010 Link to this post

    Hi Matt,

    Try setting the style attribute "position:absolute;" and see whether it works for you. I hope the following forum links will be of help in setting the z-index when using master page.

    Can't Change the Z-index inRadMenu
    RadMenu sub items hides underneath image in content page


    -Shinu.
  3. Matt Frank
    Matt Frank avatar
    12 posts
    Member since:
    Apr 2010

    Posted 26 Jul 2010 Link to this post

    Well I tried setting the position attribute, and this did not work.  I first only set it on the RADMenu in the masterpage, then to the RadWindowManager (it was set for both controls at this point), then finally removed the z-index and position attributes from the Menu. 

    These all provide my original results. 

    The menu control is in a HTML table in my Masterpage instead of a div tag.  Would this be causing the issue I am seeing?
  4. Yana
    Admin
    Yana avatar
    5030 posts

    Posted 29 Jul 2010 Link to this post

    Hi Matt,

    Please set the "z-index" to the window, not to RadWindowManager. If this doesn't help, send us a live url so we to be able to observe the issue.


    Best regards,
    Yana
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  5. Matt Frank
    Matt Frank avatar
    12 posts
    Member since:
    Apr 2010

    Posted 29 Jul 2010 Link to this post

    Well that did not work. 

    I made a css class (below) and assigned it to my window that is created.  Unfortunately right now I cannot provide a direct link to the app.  The webserver I am using does not have access to the internet. 

    I'll mock something up and put it on a personal webserver and post a link in the next few days.  

    .windowZIndex
    {
        z-index: 2999 !important;
    }

    if ((string)e.CommandName == "Select")
            {
                Session["@reqID"] = e.Item.Cells[3].Text.ToString();
                RadWindow notes = new RadWindow();
                notes.ID = "Notes";
                notes.Width = 450;
                notes.Height = 450;
                notes.NavigateUrl = "~/Request/Notes/Default.aspx";
                notes.Modal = false;
                notes.DestroyOnClose = true;
                notes.VisibleOnPageLoad = true;
                notes.CssClass = ".windowZIndex";
                RadWindowManager1.Windows.Add(notes);
            }
  6. Yana
    Admin
    Yana avatar
    5030 posts

    Posted 29 Jul 2010 Link to this post

    Hello Matt,

    I'm sorry it didn't help. I'll review the page as soon as you send us the link

    Greetings,
    Yana
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  7. Matt Frank
    Matt Frank avatar
    12 posts
    Member since:
    Apr 2010

    Posted 03 Aug 2010 Link to this post

    Sorry it took me a few days to get this done. Below is the link with a mockup of what I am working on. When a user would select "Select" from the RadGrid I have a RadWindow Opening.  If you move the window, or re size your screen, you will see the menu overlays the window.

    http://frankcomputers.info/telerik.

    Please let me know if you need any of the sourcecode. 

    Thanks,
    Matt
  8. Yana
    Admin
    Yana avatar
    5030 posts

    Posted 09 Aug 2010 Link to this post

    Hello Matt,

    I'm afraid that I cannot open the link, could you please check it? Thanks

    All the best,
    Yana
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  9. Matt Frank
    Matt Frank avatar
    12 posts
    Member since:
    Apr 2010

    Posted 09 Aug 2010 Link to this post

    It should be up again.  My dynamic DNS client stopped working this weekend for whatever reason.

    Thanks,
    Matt
  10. Answer
    Yana
    Admin
    Yana avatar
    5030 posts

    Posted 09 Aug 2010 Link to this post

    Hi Matt,

    I was able to observe the issue, RadMenu has z-index set to "7000", so you should set higher z-index to the window. I see that "windowZIndex" class is rendered for the window but wasn't able to find its definition, could you please add it like this:

    div.windowZIndex
    {
        z-index: 7010 !important;
    }

    and let us know how it goes.

    Best wishes,
    Yana
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  11. Matt Frank
    Matt Frank avatar
    12 posts
    Member since:
    Apr 2010

    Posted 09 Aug 2010 Link to this post

    Changing the CSS to be div.WindowZIndex worked. 

    Thanks for your help!
Back to Top