Silverlight Composite UI made up of user controls

2 posts, 0 answers
  1. angie
    angie avatar
    1 posts
    Member since:
    Sep 2010

    Posted 22 Sep 2010 Link to this post

    Hi,

    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
  2. George
    Admin
    George avatar
    1332 posts

    Posted 24 Sep 2010 Link to this post

    Hi Angie,

    If you want to place a RadDocking inside of RadDocking control, you could use AllowUnsafeMode property of RadDocking, but this is not a supported scenario. Please, refer to the following link - http://www.telerik.com/community/forums/wpf/docking/docking-inside-dockin.aspx

    I hope this helps.  Please do not hesitate to contact us if you require any further information.

    Kind regards,
    George
    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