[Solved] Height problem in Chrome in RadWindow Popup control

[Ghanshyam]

Hello...

I have a WebApplication having some telerik controls.

I have added RadWindow control in this web application and inside this radwindow i have added RadSplitter control as shown follows:

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" Behavior="Close" VisibleStatusbar="false" VisibleTitlebar="true"
       InitialBehavior="None" ShowContentDuringLoad="false"  Modal="True" Overlay="True"
       Behaviors="None" Height="640px" Width="900px" Skin="Telerik" EnableShadow="true" OnClientResizeEnd="SetWindowBehavior" >
       <Windows>
           <telerik:RadWindow ID="RadWindowTreeview" Title="Careplan Tree" runat="server" Modal="true"
               OnClientClose="OnClientClose" Behaviors="Close" BackColor="Transparent" DestroyOnClose="false"
               NavigateUrl="MainTreeContainer.aspx" BorderStyle="None" Visible="True" VisibleStatusbar="False"
               VisibleTitlebar="False" Width="900px" Height="640px" Animation="Fade" AutoSize="false"
               AnimationDuration="1000" Opacity="100" OnClientShow="OnclientShow"></telerik:RadWindow>
           <telerik:RadWindow ID="RadWindow1" CssClass="defaultWindow" Width="900px" Height="640px" AutoSize="False"
               runat="server" Modal="true" Behaviors="None" Overlay="true" NavigateUrl="~/Terms.aspx"  OnClientClose="OnClientClose1" >
           </telerik:RadWindow>

            <telerik:RadWindow ID="RadWindow3"  CssClass="defaultWindow" MinWidth="900px" MinHeight="640px" AutoSize="False"
               runat="server" Modal="true" Behaviors="None" Overlay="true" NavigateUrl="~/Privacy.aspx"  OnClientClose="OnClientClose3" >
           </telerik:RadWindow>

       </Windows>
   </telerik:RadWindowManager>

RadSplitter :

<telerik:RadSplitter ID="RadSplitter1" runat="server" Height="100%" Width="99.5%"  BorderSize="0" BorderStyle="None" SplitBarsSize="10px">
                   <telerik:RadPane ID="LeftPane" runat="server"  CssClass = "treeviewcontainer" Scrolling="None">
                       <uc:MainTreeview ID="MainTreeview" runat="server" treename="MainTree" masterView="true" viewMode="false" IsManualEntry="false" />
                   </telerik:RadPane>
                   <telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Both">
                   </telerik:RadSplitBar>
                   <telerik:RadPane ID="RightPane" runat="server"  CssClass="treeviewcontainer" Scrolling="None">
                      <uc:MainTreeview ID="TemplateTreeview" runat="server" treename="TemplateTree" masterView="true" viewMode="false" IsManualEntry="false" />
                   </telerik:RadPane>
               </telerik:RadSplitter>

when i open this popup control it displays well in Mozila firefox , Safari , IE but it generate some design error in Chrome browser this design error exists until i click on Chrome Dev tool: after closing the Chrom dev tool the error disappear :  as shown in attached two images..

please check the attachment and give any suggestions:

when i apply autosize="True" in radwindow the problem doesn't arrives,.. but then in Mozila the radwindow size gets decrees and doesn't displays well

thanks

[Marin Bratanov]

Hi,

This seems to work fine with me when the splitter is configured properly in the content page. I am attaching several screenshots and my test pages here as a reference, so you can compare them with your actual case to find the difference.

The major thing I see in the screenshots is that a custom skin is being used that has altered the dimensions of the control. Note that we cannot support custom skins especially when they affect the basics of the control.

Other things I noticed in the code:
the Behavior property is obsolete in favor of Behaviors
so is InitialBehavior - InitialBehaviors should be used
if you do not need to show these radwindows above a heavy object like pdf or flash I advise that you remove the Overlay property as it can cause visual artifacts in FF


Regards,
Marin Bratanov
Telerik