RadWindow Z-Order Does not work in google Chrome

5 posts, 0 answers
  1. Pouya
    Pouya avatar
    10 posts
    Member since:
    Dec 2011

    Posted 08 Jan 2012 Link to this post

    Hi
    im using rad Menu and Rad window in my page
    in IE and fireFox everything just work fine
    but in google chrome rad window goes under the rad menu i have set the z-order of window to 8001 but stiil it does not work in chrome what should i do??
    thank you
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 08 Jan 2012 Link to this post

    Hello,

    Try settting Z-index as shown below.
    CSS:
    <style type="text/css">
        .windowcss
        {
            z-index:7000 ! important; // for window
        }
        .menucss
        {
            z-index:200 ! important; // for menu
        }
    </style>

    Thanks,
    Princy.
  3. Pouya
    Pouya avatar
    10 posts
    Member since:
    Dec 2011

    Posted 11 Jan 2012 Link to this post

    actually i've set it and it works fine in IE and Firefox but in google chrome it dose not work :(
  4. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 11 Jan 2012 Link to this post

    Hello,

    I have tried the same in Google chrome and it worked as expexcted at my end. My Google Chrome version is 16.0.912.75. Here is the sample code and screenshot.

    ASPX:
    <telerik:RadWindowManager ID="WindowManager" runat="server" Modal="true" CssClass ="windowcss">
     <Windows>
       <telerik:RadWindow ID="win1" runat="server" VisibleOnPageLoad="true"></telerik:RadWindow>
      </Windows>
    </telerik:RadWindowManager>
    <telerik:RadMenu ID="RadMenu1" runat="server" Flow="Vertical" CssClass="menucss">
    <Items>
    <telerik:RadMenuItem Text="item 1">
     <Items>
      <telerik:RadMenuItem Text="sub 1 1" />
      <telerik:RadMenuItem Text="sub 1 2" />
      <telerik:RadMenuItem Text="sub 1 3" />
    </Items>
     ... ... ...
    </telerik:RadMenu>

    CSS:
    <style type="text/css">
      .windowcss
        {
            z-index:7000 ! important;
        }
        .menucss
        {
            z-index:200 ! important;
        }
    </style>

    Thanks,
    Princy.
  5. Pouya
    Pouya avatar
    10 posts
    Member since:
    Dec 2011

    Posted 11 Jan 2012 Link to this post

    thanx  Princy it works great for me too it seems i have a problem in my css i will check it thank you again 
Back to Top