Display 4 chart in 2x2 configuration in Tab

2 posts, 0 answers
  1. Rajiv
    Rajiv avatar
    1 posts
    Member since:
    Oct 2006

    Posted 02 Jun 2010 Link to this post

    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>













    Can someone help me with this?

    Thanks and Regards

  2. Viktor Tsvetkov
    Viktor Tsvetkov avatar
    382 posts

    Posted 02 Jun 2010 Link to this post

    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.
  3. DevCraft banner
Back to Top