RadDock desgin issue

[Ramani]

I have used Raddockzone in my page but it is not getting rounded corner. I have attached the screenshot for the same.  Let me know if I have missed anything in the below code. Thanks in advance.
<telerik:RadDockLayout ID="RadDockLayout1" runat="server">

 

 

 

<telerik:RadDockZone ID="radDockZoneDefectDashboard" runat="server" Width="1320"
Orientation="Horizontal" BorderStyle="None">

 

 

 

 

 

 

 

<telerik:RadDock ID="radDockOpenAging" runat="server" Title="Open Defect Aging (Severity 1 and 2 only)"

 

 

 

 

 

 

 

EnableRoundedCorners="true" DockMode="Docked" Width="423" CssClass="RedTitle"

 

 

 

 

 

 

 

EnableDrag="false" DefaultCommands="ExpandCollapse" Height="350px" AllowedZones="radDockZoneDefectDashboard">

 

 

 

 

 

 

 

<ContentTemplate>

 

 

 

 

 

 

 

<table runat="server">

 

 

 

 

 

 

 

<tr>

 

 

 

 

 

 

 

<td>

 

 

 

 

 

 

 

<div id="divChartOpenAging" runat="server" visible="false">

 

 

 

 

 

 

 

<asp:Image ID="imgChartOpenAging1" runat="server" ImageUrl="../PPI/Images/ChartImages/NoDataSeries_Black_300.png" />

 

 

 

 

 

 

 

</div>

 

 

 

 

 

 

 

</td>

 

 

 

 

 

 

 

</tr>

 

 

 

 

 

 

 

<tr>

 

 

 

 

 

 

 

<td>

 

 

 

 

 

 

 

<telerik:RadHtmlChart ID="radHtmlChartOpenAging" runat="server" Width="350px" Height="300px">

 

 

 

 

 

 

 

<Legend>

 

 

 

 

 

 

 

<Appearance Position="Bottom" Visible="true" BackgroundColor="white" />

 

 

 

 

 

 

 

</Legend>

 

 

 

 

 

 

 

<PlotArea>

 

 

 

 

 

 

 

<XAxis>

 

 

 

 

 

 

 

<MajorGridLines Visible="false" />

 

 

 

 

 

 

 

<MinorGridLines Visible="false" />

 

 

 

 

 

 

 

</XAxis>

 

 

 

 

 

 

 

<YAxis>

 

 

 

 

 

 

 

<MajorGridLines Visible="false" />

 

 

 

 

 

 

 

<MinorGridLines Visible="false" />

 

 

 

 

 

 

 

</YAxis>

 

 

 

 

 

 

 

</PlotArea>

 

 

 

 

 

 

 

</telerik:RadHtmlChart>

 

 

 

 

 

 

 

</td>

 

 

 

 

 

 

 

</tr>

 

 

 

 

 

 

 

</table>

 

 

 

 

 

 

 

</ContentTemplate>

 

 

 

 

 

 

 

</telerik:RadDock>

 

 

 

</telerik:RadDockZone>

 

 

 

 

 

 

 

</telerik:RadDockLayout>

 

[Slav]

Hello Ramani,

Please ensure that you are using the latest release of RadControls for ASP.NET AJAX (Q1 2013 BETA). Also, I would suggest checking if the custom CSS styles that you have applied to the dock are overriding its default styles, which results in the examined issue. You can do so by removing the custom styles.

If the problem persists please open the online demos of RadDock and provide step by step instructions for reproducing it in any of the examples so that I can inspect the issue locally and provide an according solution.

Greetings,
Slav
the Telerik team