More z-order fun, this time with a menu

4 posts, 0 answers
  1. Tim
    Tim avatar
    57 posts
    Member since:
    Apr 2011

    Posted 17 Jun 2011 Link to this post

    I am still fighting z-order issues in our UI.

    First let me give you a little bit of background.

    There is a RadMenu on our Site.Master, obiously that has a z-order of 8000.

    I dynamically add menu items on the server side. These menu items are a way for the user
    to choose from a selection of items provided by our database.

    Also on the page there is a RadGrid, with Date Time filters.

    Further more there is a RadDock, with a couple of Dock Areas, on for which contains a RadGrid
    with a default Filter.

    First iteration: 
    We undock the dock area. Now some of the icons bleed through the undocked DockArea.
    The Menu on the Site.Master bleeds through too.

    We fixed all of this by raising the z-index of the undocked area to 8001.

    However now if I click on the RadMenu the menu items I created dynamically
    appear behind the undocked DockArea.

    So I need some way to raise the z-order of the Menu Items, or their surrounding elements.

    I hope I have explained my self clearly enough.

    TIA 
     
  2. Helen
    Admin
    Helen avatar
    1052 posts

    Posted 22 Jun 2011 Link to this post

    Hi Tim,

    Did you try to increase the z-index of the menu?  As you may have noticed - the default is 7000.

    Kind regards,
    Helen
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  3. Tim
    Tim avatar
    57 posts
    Member since:
    Apr 2011

    Posted 22 Jun 2011 Link to this post

    Hi Helen

    Yep I understand the RadMenu has a default z-index of 7000.

    Just to be clear I didn't want to alter the z-index of the RadMenu object on my Site Master.
    It appears correctly as partially obscured by my undocked panel.

    I'm afraid that raising it z-index will cause it to overlay my undocked panel. Not what I want

    What I have been trying to do is alter the z-index of the rmSlide div that appears to surround
    the menu items that appear when I click on the RadMenu element that is partially
    overlaid by my dock panel.

    The div with the rmSlide class has an inline style and the z-index is set to 2.

    I have tried resetting this in a variety of ways but cann't seem to replace the inline style value
    with 8002, which I believe would cause that div to appear on top of my undocked panel.

    I hope this explains things better.

    TIA
  4. Helen
    Admin
    Helen avatar
    1052 posts

    Posted 23 Jun 2011 Link to this post

    Hello Tim,

    Could you please send us a live url or sample project which demonstrates the issue to examine it locally?

    Kind regards,
    Helen
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

Back to Top