This is a migrated thread and some comments may be shown as answers.

IE6 not displaying title bar icons

15 Answers 137 Views

Window

This is a migrated thread and some comments may be shown as answers.

Temp asked on 13 Aug 2008, 12:49 AM

I have a page which opens two radwindows, and in both of them the menu bar icons do not display in IE6. They are still there because you can click where they should be and the page closes etc.. but you cannot see them. In IE7 they display perfectly.
Is this a common problem or something you've seen before?

Should I change anything in the following code:

    
                <script language="javascript" type="text/javascript">  
        
                    <!--  
        
            function openWin()  
        
                    {     
        
                        var o = $get('ctl00$ContentMain$hdnIDPGUID');  
        
                        if(null != o)  
        
                        {  
        
                            var oWnd = radopen("IDPHistory.aspx?GUID=" + o.value, "RadWindow1");  
        
                            oWnd.RestrictionZoneID = "divbody";  
        
                        }  
        
                    }  
        
                    function openMailWin(mailid, idpguid, dnguid)  
        
                    {  
        
                        var oWnd = radopen('IDPMail.aspx?MailID=' + mailid + '&idpguid=' + idpguid + '&dnguid=' + dnguid, "RadWindowEmail");  
        
                        oWnd.add_close(OnClientClose);  
        
                    }  
        
                    function closeWindow()  
        
                    {     
        
                        var currentWindow = GetRadWindow();  
        
                    }  
        
                    //--> 
        
                </script> 
        
                <telerik:RadWindowManager VisibleStatusbar="false" Skin="WebBlue" Width="550" Height="650" DestroyOnClose="true" KeepInScreenBounds="true" ID="RadWindowManager1" runat="server"  Behaviors="Minimize, Move, Close, Pin, Reload" RestrictionZoneID="divbody">  
        
                </telerik:RadWindowManager>

15 Answers, 1 is accepted

answered on 30 Dec 2008, 08:58 PM

OK I tried this same issue on another machine with IE6 and it does not occur, even though the version strings are identical (6.0.2900 SP2 on XP SP2). I am not quite sure why it happens.

I was able to fix the "IE6 not displaying title bar icons" by having the user clear his cache/temporary internet files, delete his cookies, clear his history, then close his browser. As soon as I did this the behavior went away with the windows. However the Docks do not pin in either version of IE6. The windows pin just fine, though, just not the docks. I'll report this in a separate thread.

FYI I wanted to share my issue and solution with the original poster et al.

Much obliged,
joseph

answered on 30 Dec 2008, 09:32 PM

FYI I should actually mention that although the clearing of cache and restarting of the browser helped in my scenario with the original poster's issue that I too am experiencing, the issue seemed to come back occassionally if the page was "busy". In other words if content (like raddock's) were still loading and I clicked on a link which brought up a window, occassionally the same behavior would occur again. IF it occurred again it would stay until the page was posted back to the server and refreshed, after which time it would go away. It almost seems like a race condition. I will open a new thread if I can isolate the problem and figure out a way to consistently reproduce it.

thanks,
joseph

answered on 06 Jan 2009, 10:00 PM

Hey Georgi, this seems to work for the windowicon, however the titlebar itself was cutoff and the rest of the window icons (e.g. close/collapse/expand/pin) were invisible. See attached screenshots. Are there other css elements that perhaps need to be modified to make the rest showup?

*Edit* Actually correction, the windowicons still dissapear. Sometimes it's the images of the icons themselves that do not appear with the titlebar being visible and sometimes it's just the titlebar and the images.

Screenshot of issue:
http://www.section31.cc/work/telerik-window-problem.png

**Edit** also if it helps, here is the xmlns and DTD info for the page I'm using radwindow on.:

    
            <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   
        
            <html xmlns="http://www.w3.org/1999/xhtml" >

Also your demos link appears to be generating a 404 now for all asp.net ajax products (http://demos.telerik.com/ErrorPageResources/error.aspx?aspxerrorpath=/aspnet-ajax/Controls/Examples/Default/DefaultCS.aspx)

thanks,
joseph

answered on 08 Jan 2009, 08:30 PM

Martin, thanks for looking into this for me. I think I may have actually found out the source of the issue. I can no longer reproduce it on the affected machine after I have made the following change mentioned below..

This was the code I was using to launch my radwindows

Before:

    
                            <div style="text-align: right; display: inline-table;">  
        
                            » <a href="javascript:void(0);" onclick="showAddPanelDialog();">Add Panel</a> &nbsp;|&nbsp;  
        
                              <a href="javascript:void(0);" onclick="showManageTabsDialog();">Manage Tabs</a> &nbsp;|&nbsp;  
        
                              <a href="javascript:void(0);" onclick="saveLayout();">Save Layout</a>&nbsp;|&nbsp;  
        
                              <a href="javascript:void(0);" onclick="resetLayout();">Reset All</a>&nbsp;&nbsp;  
        
                            </div>

Notice the removal of javascript:void(0); and the onclick method.

After:

    
                            <div style="text-align: right; display: inline-table;">  
        
                            » <a href="javascript:showAddPanelDialog();">Add Panel</a> &nbsp;|&nbsp;  
        
                              <a href="javascript:showManageTabsDialog();">Manage Tabs</a> &nbsp;|&nbsp;  
        
                              <a href="javascript:saveLayout();">Save Layout</a>&nbsp;|&nbsp;  
        
                              <a href="javascript:resetLayout();">Reset All</a>&nbsp;&nbsp;  
        
                            </div>

For whatever reason javascript:void(0) was causing weird behavior on IE6 but not on IE7. I am not sure if the original author was also having the same issue, however this was the source of my problem. This same void(0); function call was also causing my SaveLayout method to not respond to navigation and button clicks invoked from javascript. It was very strange and arbitrary. I have tested both of the affected machines and, although IE6 seems to load the window icons slower, the titlebars and icons do eventually load.

Here is a post from another person online that talks about the dangers of using javascript:void(0); and it has to do with pictures not displaying. I was also experiencing another issue where graph images were not displaying until I right-clicked them and selected "show picture" which was probably also related to this as well (this happened even in IE7):
http://blog.reindel.com/2006/08/11/a-hrefjavascriptvoid0-avoid-the-void/

I learned this technique years ago because the "#" tag jumped the user to the top of the page.

If the issue returns again I will do as asked and attempt to isolate my code into a separate project, however this appears to be the solution.

Much obliged,
joseph

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

IE6 not displaying title bar icons

15 Answers, 1 is accepted