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 05 Jul 2010 Link to this post

    Hi,

            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,
    http://www.telerik.com/community/code-library/aspnet-ajax/window/floating-r-a-d-window-on-page-scroll-window-stays-visible-during-scrolling.aspx
    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%; 
        } 
         
        .RadWindow 
        { 
            position: fixed !important; 
     
        } 
        </style> 
    </head> 
    <script type="text/javascript"> 
                function GetSelectedWindow() 
                { 
                    var oManager = GetRadWindowManager(); 
                    return oManager.getActiveWindow();       
                } 
                 
                function PositionWindow ()  
                { 
               
                    var oWindow = GetSelectedWindow();   
                    if (!oWindow) { 
                        return; 
                    } 
                     
                    var Y = document.body.clientHeight +  
                            document.body.scrollTop -  
                            oWindow.get_height(); 
                     
                    var X = document.body.clientWidth +  
                            document.body.scrollLeft -  
                            oWindow.get_width(); 
     
                    Y = (Y > 0) ? Y : 0; 
                    X = (X > 0) ? X : 0;                     
                    oWindow.moveTo(X, Y); 
                } 
     
                function InitWindow ()  
                { 
                    setTimeout(function() 
                    { 
                        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.

    Regards,
    Saravanan K
     

  2.
  3. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 06 Jul 2010 Link to this post

    Hi saravanan k,

    I already answered your other thread and for your convenience and for others who might have the same question I pasted my reply below:

    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:

    Copy Code
    if($telerik.isIE6)
    {
       //custom code for IE6
    }
    else
    {
       //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:

    http://demos.telerik.com/aspnet-ajax/window/examples/radopen/defaultcs.aspx

    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.


    Kind regards,
    Svetlina
    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