Window with Menu issue

5 posts, 0 answers
  1. AdamL
    AdamL avatar
    41 posts
    Member since:
    Aug 2006

    Posted 26 Apr 2008 Link to this post

    I have a rad Window for Ajax (formerly Prometheus) displaying onload of a pag.  The page calling the window has a menu at 100% width across the page.   I am encountering an issue where the menu does not display behind the window.  It is almost as if the z-index of the menu is less than the window and the menu overlaps the window.

    If this a flaw with the control of am I doing something wrong.

    - Adam
  2. George
    Admin
    George avatar
    859 posts

    Posted 29 Apr 2008 Link to this post

    Hi Adam,

    In the latest release of RadControls for ASP.Net AJAX we have changed the z-index of some controls as follows:

    RadToolTip - 8000
    RadMenu - 7000
    RadCombo - 6000
    RadDatePicker - 5000
    RadColorPicker - 4000
    RadWindow - 3000
    RadSplitter - 2000
    RadDock - 1000

    In different scenarios, you may need to change these values in order to ensure that one specific control will be shown above the other - for example RadWindow over RadMenu. To make this process easier, from RadControls for ASP.NET AJAX Q1 2008, you can set the value of the z-index property of every control by using the common style property.
    e.g.

    style="z-index: 1000"

    I hope this helps.

    Best regards,
    George
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Ashraf Fayad
    Ashraf Fayad avatar
    14 posts
    Member since:
    Dec 2006

    Posted 08 May 2008 Link to this post

    Hello,

    I have the same problem. rad Menu displays on top of the rad Window. The attribute 'style' is not one of any control's properties. so this syntax is actually not vaild (at least from Visual Studio's point of view).

    <Telerik:RadWindow ID="ProfileWindow" runat="server" Modal="true" style="z-index: 1000" />

    Could you please show me how to implement this?

    thanks

    Ashraf

  5. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 08 May 2008 Link to this post

    Hi Ashraf,

    I see that George missed an important part of the information - we apologize for that.

    Style="z-index:<some value>" can be set to the RadWindowManager only, not to the RadWindow control itself. This is because the z-index of the different RadWindows is dynamically changed - even if you have a RadWindow with z-index 100, it will be displayed over other RadWindows with higher z-index value, if active.

    Example:

    <telerik:RadWindowManager   
        style="z-index:90000"   
        ID="RadWindowManager1"   
        runat="server">  
    </telerik:RadWindowManager> 



    Regards,
    Georgi Tunev
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  6. Darin Beard
    Darin Beard avatar
    24 posts
    Member since:
    Dec 2004

    Posted 22 Jul 2008 Link to this post

    I know this thread is a couple of months old but I just wanted to add my experience here for those searching for a solution. I actually just changed the menu z-index to 2500 and that seems to have fixed it.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017