I am creating a UI that is made up of 5 user controls on a MainPage. I am using RadDockPanels for each of the regions, however, I can only get the panels to dock with in their specific regions, and not throughout the page freely.
Is there a specific way I should set up the main page so the controls (each region is made up of a RadDockPanel on a separate .xaml file) are displayed on the main page?
This is my current MainPage:
<
UserControl x:Class="Synthesis.MainPage"
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"
xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
xmlns:PointSearchPanel ="clr-namespace:Synthesis"
xmlns:GroupLogsControl ="clr-namespace:Synthesis"
xmlns:GraphTopControl ="clr-namespace:Synthesis"
xmlns:GraphBottomControl ="clr-namespace:Synthesis"
xmlns:ContextPropertiesControl ="clr-namespace:Synthesis"
xmlns:PublicTab ="clr-namespace:Synthesis"
xmlns:PrivateTab ="clr-namespace:Synthesis"
mc:Ignorable="d" d:DesignHeight="800" d:DesignWidth="1000" >
<Grid x:Name="LayoutRoot" Background="Transparent">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="250"/>
<ColumnDefinition Width="1000"/>
<ColumnDefinition Width="100*"/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="351" />
<RowDefinition Height="387" />
</Grid.RowDefinitions>
<!-- Middle Top Panel -->
<GraphTopControl:GraphTopView x:Name="GraphTopPanel" Grid.Column="1"/>
<!-- Middle Bottom Panel -->
<GraphBottomControl:GraphBottomView x:Name="RadPanelBottomPanel" Grid.Column="1" Grid.Row="1"></GraphBottomControl:GraphBottomView>
<!-- Left Top Panel -->
<PointSearchPanel:PointSearchView x:Name="PointSearchPanel" Grid.Column="0"></PointSearchPanel:PointSearchView>
<!-- Left Bottom Panel -->
<!--<GroupLogsControl:GroupLogsPanel x:Name="GroupLogsPanel"></GroupLogsControl:GroupLogsPanel>-->
<PublicTab:PublicView x:Name="PublicPanel" Grid.Column="0" Grid.Row="1"></PublicTab:PublicView>
<!-- Right Panel -->
<ContextPropertiesControl:ContextPropertiesView x:Name="ContextPropertiesGraphPanel" Grid.Column="3" Grid.RowSpan="2" Visibility="Visible" BorderBrush="{x:Null}">
</ContextPropertiesControl:ContextPropertiesView>
</Grid>
</
UserControl>
Here is the contents of one of my controls:
<
UserControl x:Class="Synthesis.PointSearchView"
xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk"
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"
xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
xmlns:telerikDocking="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Docking"
xmlns:telerikGridView ="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.GridView"
mc:Ignorable="d"
d:DesignHeight="700" d:DesignWidth="1000">
<Grid x:Name="LayoutRoot">
<telerik:RadDocking x:Name="RootDock" BorderBrush="{x:Null}" Background="{x:Null}">
<!-- Left Screen Top -->
<telerik:RadSplitContainer Orientation="Vertical" InitialPosition="DockedLeft">
<!-- Top Left DockPanel -->
<telerik:RadPaneGroup telerik:ProportionalStackPanel.RelativeSize="300, 300">
<telerik:RadPane x:Name="rpPointSearch" Header="Point Search" CanUserClose="False" AllowDrop="True">
<ItemsControl ItemsSource="{Binding}" >
<ItemsControl.ItemTemplate>
<DataTemplate>
<Grid x:Name="PointSearchDataGrid">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="100"/>
<ColumnDefinition Width="100"/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="100" />
<RowDefinition Height="100" />
</Grid.RowDefinitions>
<TextBlock x:Name="tbSearchLabel" Text="Search" Grid.Column="0" Grid.Row="0" Width="70" Height="55" Foreground="White"/>
<TextBox x:Name="txtSearchText" Text="{Binding Path=Text}" Grid.Row="0" Grid.Column="1" Width="90" Height="35" BorderBrush="Black" BorderThickness="2" Margin="0, -10,0,0"/>
<telerik:RadButton x:Name="btnSearch" Content="Search" Grid.Row="1" Grid.Column="1" Width="90" Height="40">
<telerik:RadButton.Background>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FF807474" Offset="1" />
</LinearGradientBrush>
</telerik:RadButton.Background>
</telerik:RadButton>
</Grid>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
</telerik:RadPane>
</telerik:RadPaneGroup>
</telerik:RadSplitContainer>
</telerik:RadDocking>
</Grid>
</
UserControl>
How do I turn off placing a docking control within another, so it allows me to place docking controls within each other?
Thank you for your suggestions and advice in advance.
Angie