Trancprency Issue in Rad menu

3 posts, 0 answers
  1. Azees
    Azees avatar
    33 posts
    Member since:
    May 2008

    Posted 14 Apr 2009 Link to this post

    hi 
    Question 1
     In my webapplication i have telerik menu.when i was click button i will open a rad window(popup width is 800,600)
     when i was open a rad window i have  tranprency problem in rad menu.
    Rad menu is coming to the front. How to I solve this problem 

    Question 2

    function

     

    OpenPositionedWindow(oButton, url, windowName)

     

    {

     

    var oWnd = window.radopen(url,windowName);

     

    }

     

     

     

    function CallLetter(ResumeIds)

     

    {

     

     

    var oWnd = radopen("hrComments.aspx?ResumeIds=" +ResumeIds, "RadWindow1");

     

    oWnd.center();

     

     

    }

     

    function TimeSlot(ResumeIds)

     

    {

     

     

    var oWnd = radopen("TimeSlote.aspx?ResumeIds=" +ResumeIds, "RadWindow1");

     

    oWnd.center();

    }



     

    <asp:Button runat="server" ID="btnTime" OnClientClick="TimeSlot('12'); return false;" Text="Time Slot" />

     

     

    <asp:Button runat="server" ID="Button1" OnClientClick="CallLetter('12'); return false;" Text="Send Call Letter" />

     

     

     

    <telerik:RadWindowManager ID="RadWindowManager1" Width="800px" Height="600px" runat="server" VisibleStatusbar="true" Animation="None" Skin="Office2007" Modal="true"

     

     

    Title="Details For this Person" >

     

     

    </telerik:RadWindowManager>

     

    I use the following code to open rad window.but i want change the hight and width dynamically
    like when i was click  time slot button that window size is (400,400) and when i was click send call letter button that window siz is
    (800,600) how to i  change my code




    Regards

    Friend
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 22 Apr 2009 Link to this post

    Hi Azees,

    Try adding following class on the page for displaying RadWindow above the RadMenu.

    CSS:
     
    <style type="text/css"
      .radwindow { z-index: 8000 !important; } 
    </style> 

    Another way to accomplish this is by setting the z-index of RadMenu to lower value than z-index of RadWindow. Please go through the following KB article;
    Show RadWindow above RadMenu

    And for setting the width and height, you can try the set_width() and set_height() methods;
    JavaScript:
     
    <script type="text/javascript"
    function TimeSlot(ResumeIds) 
        var oWnd = radopen("TimeSlote.aspx?ResumeIds=" +ResumeIds, "RadWindow1"); 
        oWnd.set_height(400)
        oWnd.set_width(400);   
        oWnd.center(); 
    </script> 

    Thanks,
    Shinu.
  3. TonyG
    TonyG avatar
    239 posts
    Member since:
    Feb 2006

    Posted 04 Sep 2009 Link to this post

    Shinu's tip just proved helpful to me.

    When I radopen a window and move it around in the browser, the title bar buttons seem to disable when there is "something" under them. With experimentation I found this only occurred when a loading panel was under it. In this image you can see the IE Developer Toolbar has outlined an invisible control. When the cursor is positioned anywhere over that area the rollover effect does not fire for the controls. (That would be the right half of the minimize button and the entire max and close buttons)

    One solution was to use CSS to set the z-index of .radwindow controls and I also reduced the z-index of the RadAjaxLoadingPanel to 1000.

    Another solution without CSS is to set the panel to 1000 as above, then set the z-index of the RadWindowManager to a high value like 8000. Note this slight correction to Shinu's text - it's the Manager that gets set, not a window.

    Thanks!
Back to Top