Make the radwindow to float in ie 6

2 posts, 0 answers
  1. saravanan k
    saravanan k avatar
    88 posts
    Member since:
    Mar 2010

    Posted 02 Jul 2010 Link to this post


            I am using a radwindow with modal background. I have a requirement to make the window float when the page is scrolled. I referred the scripts from this link,
    Find below the style and scripts,

    <head runat="server"
        <title>Untitled Page</title> 
        <style type="text/css"
        html, body, form 
          padding: 0px; 
          margin: 0px; 
          height: 100%; 
          width: 100%; 
            position: fixed !important; 
    <script type="text/javascript"
                function GetSelectedWindow() 
                    var oManager = GetRadWindowManager(); 
                    return oManager.getActiveWindow();       
                function PositionWindow ()  
                    var oWindow = GetSelectedWindow();   
                    if (!oWindow) { 
                    var Y = document.body.clientHeight +  
                            document.body.scrollTop -  
                    var X = document.body.clientWidth +  
                            document.body.scrollLeft -  
                    Y = (Y > 0) ? Y : 0; 
                    X = (X > 0) ? X : 0;                     
                    oWindow.moveTo(X, Y); 
                function InitWindow ()  
                        var oWindow = GetRadWindowManager().getActiveWindow();   
                        if (!oWindow)  
                            window.setTimeout('InitWindow()', 500); 
                   PositionWindow();}, 0); 

    But the script is not working only in IE 6. This problem is because of the css property position : fixed. But when i tried removing, the scripts are not working. Please help with the code changes to make it work on all browsers including IE 6 mainly.

    Saravanan K

  2. Svetlina Anati
    Svetlina Anati avatar
    2795 posts

    Posted 05 Jul 2010 Link to this post

    Hello saravanan k,

    You can use the $telerik library to check out whether the browser is IE6 and if so - not execute your script, e.g as shown below:

       //custom code for IE6
       //custom code for all other browsres

    On a side note, I also recommend to examine the behavior of a pinned RadWindow. You can for example open the RadWindow and click on the PinOn button on the titlebar in the demo below and to see how it acts when the page is being scrolled:

    If this is the behavior you need, I suggest to use this built-in functionality instead /you can either pin the RadWindow on the client by using the togglePin method or use the InitialBehavior property if you do not want the user to be oblidged to clcik on the button and you can also hide the button/. This functionality is cross browser, easy to use and integrated well in the RadWindow.

    Sincerely yours,
    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
Back to Top