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

Mozilla - Dock Expand when original state is collapsed

2 Answers 94 Views

Dock

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

Pierre asked on 06 Aug 2009, 02:41 PM

Hi,

I'm using RadControls for ASPNET AJAX Q1 2008 version 2008.1.619. I'm facing a bug with Mozilla 3.5. By default, my dock is collapsed. When I click the expand button, the dock does not expand. There is no javascript error in the Mozilla error console. Also, this work fines in IE 7.

Anyone has an idea on how to fix this ?

see the code sample below to reproduce the problem.

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeFile="RadDock.aspx.cs" Inherits="RadDock" %> 
        
            <%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %> 
        
            <!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"> 
        
            <head runat="server"> 
        
                <title></title> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                <div> 
        
                <telerik:RadScriptManager ID="RadScriptManager1" runat="server">  
        
                </telerik:RadScriptManager>  
        
                    <telerik:RadDockZone runat="server" id="RadDockZone1" EnableEmbeddedSkins="true"> 
        
                    <telerik:RadDock id="RadDock1" Collapsed="true" Skin="Web20" EnableEmbeddedSkins="true" EnableDrag="false" DefaultCommands="ExpandCollapse" runat="server"> 
        
                        <TitlebarTemplate> 
        
                            TitleBar name 
        
                        </TitlebarTemplate> 
        
                        <ContentTemplate> 
        
                           <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr,  sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,  sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,  sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 
        
                            </p> 
        
                            <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
        
                            </p> 
        
                        </ContentTemplate> 
        
                    </telerik:RadDock> 
        
                </telerik:RadDockZone> 
        
                </div> 
        
                </form> 
        
            </body> 
        
            </html>

Thanks

Pierre

2 Answers, 1 is accepted

Accepted

answered on 11 Aug 2009, 08:52 AM

Hi Pierre,

Thank you for the project I did reproduce the problem with the 2008.1.619 version. It seems that the height of the RadDock's content container is not set correctly (it is always set to 0px) under FF 3.5. To solve the problem please set the following CSS style to the RadDock:

    
            <head id="Head1" runat="server"> 
        
                <title></title> 
        
                <style type="text/css"> 
        
                    .rdContent 
        
                    { 
        
                        height: auto !important; 
        
                    } 
        
                </style> 
        
            </head>

Kind regards,
Pero
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.