Dynamically adding Controls

[Dennis]

Hi,

I want to add dynamically created controls inside Docking Control at RunTime. I have a Docking control ready at design time. I just need to add the controls created at runtime inside the Docking control. Please can you help me out achieving this?

Below is the code of the xaml file which contains the Design for the Docking Control:

<

 

 

UserControl x:Class="OSDashBoard.MainPage1"

 

 

 

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

 

 

 

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

 

 

 

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

 

 

 

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

 

 

 

mc:Ignorable="d" xmlns:telerikDocking="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Docking"

 

 

 

d:DesignWidth="640" d:DesignHeight="480">

 

 

 

 

<Grid x:Name="LayoutRoot" ShowGridLines="True">

 

 

 

 

<telerikDocking:RadDocking Margin="0,0,0,0" Grid.Row="1" Background="{x:Null}" BorderBrush="{x:Null}" Foreground="{x:Null}" HasDocumentHost="False">

 

 

 

 

<telerikDocking:RadSplitContainer InitialPosition="DockedBottom" >

 

 

 

 

<telerikDocking:RadPaneGroup>

 

 

 

 

<telerikDocking:RadPane Header="Data Chart" >

 

</telerikDocking:RadPane>

 

 

 

 

</telerikDocking:RadPaneGroup>

 

 

 

 

<telerikDocking:RadPaneGroup>

 

 

 

 

<telerikDocking:RadPane Header="Data Chart2">

 

</telerikDocking:RadPane>

 

 

 

 

</telerikDocking:RadPaneGroup>

 

 

 

 

<telerikDocking:RadPaneGroup>

 

 

 

 

<telerikDocking:RadPane Header="Detail Map">

 

</telerikDocking:RadPane>

 

 

 

 

</telerikDocking:RadPaneGroup>

 

 

 

 

</telerikDocking:RadSplitContainer>

 

 

 

 

<telerikDocking:RadSplitContainer InitialPosition="DockedBottom" >

 

 

 

 

<telerikDocking:RadPaneGroup>

 

 

 

 

<telerikDocking:RadPane Header="Data Chart" >

 

</telerikDocking:RadPane>

 

 

 

 

</telerikDocking:RadPaneGroup>

 

 

 

 

<telerikDocking:RadPaneGroup>

 

 

 

 

<telerikDocking:RadPane Header="Data Chart2">

 

</telerikDocking:RadPane>

 

 

 

 

</telerikDocking:RadPaneGroup>

 

 

 

 

<telerikDocking:RadPaneGroup>

 

 

 

 

<telerikDocking:RadPane Header="Detail Map">

 

</telerikDocking:RadPane>

 

 

 

 

</telerikDocking:RadPaneGroup>

 

 

 

 

</telerikDocking:RadSplitContainer>

 

 

 

 

<telerikDocking:RadSplitContainer InitialPosition="DockedBottom" >

 

 

 

 

<telerikDocking:RadPaneGroup>

 

 

 

 

<telerikDocking:RadPane Header="Data Chart" >

 

</telerikDocking:RadPane>

 

 

 

 

</telerikDocking:RadPaneGroup>

 

 

 

 

<telerikDocking:RadPaneGroup>

 

 

 

 

<telerikDocking:RadPane Header="Data Chart2">

 

</telerikDocking:RadPane>

 

 

 

 

</telerikDocking:RadPaneGroup>

 

 

 

 

<telerikDocking:RadPaneGroup>

 

 

 

 

<telerikDocking:RadPane Header="Detail Map">

 

</telerikDocking:RadPane>

 

 

 

 

</telerikDocking:RadPaneGroup>

 

 

 

 

</telerikDocking:RadSplitContainer>

 

 

 

 

</telerikDocking:RadDocking>

 

 

 

 

</Grid>

 

 

</

 

 

UserControl>


Thanks in advance.

 

[Konstantina]

Hi David,

In order to achieve that you will have to give x:Name to the Panes, in which you want to add controls and use their Content property. You can find more information in this help article.

Please let us know if you have further questions.

Regards,
Konstantina
the Telerik team