Display 4 chart in 2x2 configuration in Tab

[Rajiv]

I am pretty new to Silverlight & Telerik development. I am trying to add 4 charts in 2x2 configuration using RadDockPanel on RadTabItem but some how I can't get the 3rd and 4th chart to align properly at the bottom.  Here is snippet from my code

 

 

 

<telerik:RadTabItem Header="Page 1">

 

 

 

 

<telerik:RadDockPanel Width="800" Height="600" VerticalAlignment="top" HorizontalAlignment="Left">

 

 

 

 

<telerik:RadChart Name="chart1" Width="400" Height="300" Content="Chart 1" HorizontalAlignment="Left" VerticalAlignment="Top" ></telerik:RadChart>

 

 

 

 

<telerik:RadChart Name="chart2" Width="400" Height="300" Content="Chart 2" HorizontalAlignment="Right" VerticalAlignment="Top" ></telerik:RadChart>

 

 

 

 

 

<telerik:RadChart Name="chart3" Width="400" Height="300" Content="Chart 3" HorizontalAlignment="Left" VerticalAlignment="Bottom" ></telerik:RadChart>

 

 

 

 

<telerik:RadChart Name="chart4" Width="400" Height="300" Content="Chart 4" HorizontalAlignment="Right" VerticalAlignment="Bottom" ></telerik:RadChart>

 

 

 

 

</telerik:RadDockPanel>

 

 

 

 

 

</telerik:RadTabItem>

 

Can someone help me with this?


Thanks and Regards

RT

[Viktor Tsvetkov]

Hi Rajiv,

When you want to make a 2x2 configuration you should use a Grid instead of DockPanel because the DockPanel is useful in another scenarios. I attached you a simple project with the desired outcome.

Best wishes,
Viktor Tsvetkov
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.