[Solved] Edit RadPaneGroup Template Problem

[James]

Hello,

I'm having problems editing the control template for the RadPaneGroup control within Blend3.

When I attempt to "Edit a copy" all I get is this Xaml:
<ControlTemplate x:Key="RadPaneGroupControlTemplate1" TargetType="radDock:RadPaneGroup" />

I believe this only start happening when I installed the recent SP1 release.

This is the only control I'm having problems with, all others like RadPane, PaneHeader are able to be re-templated as expected.

Am I doing something wrong?

Cheers,

James.

[Kaloyan]

Hello James,

We have edited the template of the RadPaneGroup as you described without any problem. Attached is a screen shot of what i have as a result.

Best wishes,
Kaloyan
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[James]

Hi Kaloyan,

Thanks for the screenshot- it must be something my end then but I'm still not sure what. I've posted a screenshot of what happens directly after going through the "Edit a copy" process while a RadPaneGroup control is selected:

http://www.flickr.com/photos/36587020@N04/3839215480/

In the mean time could you please post back the entire control template Xaml for the RadPaneGroup?

Many Thanks,

James.

[Kaloyan]

Hi James,

The template which you are getting, when trying to re-template the RadPaneGroup is very strange. We are not sure about the reason causing this misleading. Bellow is the XAML for the RadPaneGroup:

    <UserControl.Resources>
        <SolidColorBrush x:Key="PaneGroupDividerBackground" Color="#f0f0f0"/>
        <LinearGradientBrush x:Key="PaneGroupHeaderBackgroundFocused" EndPoint="0 1">
            <GradientStop Color="#FF969EA8" Offset="0"/>
            <GradientStop Color="#FFC7CCCF" Offset="1"/>
        </LinearGradientBrush>
        <ControlTemplate x:Key="PaneGroupBottomTemplate" TargetType="telerikDocking:RadPaneGroup">
            <Grid>
                <VisualStateManager.VisualStateGroups>
                    <VisualStateGroup x:Name="CommonStates">
                        <VisualState x:Name="Disabled">
                            <Storyboard>
                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DisableVisual" Storyboard.TargetProperty="Visibility">
                                    <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="Visible"/>
                                </ObjectAnimationUsingKeyFrames>
                            </Storyboard>
                        </VisualState>
                        <VisualState x:Name="Normal"/>
                    </VisualStateGroup>
                    <VisualStateGroup x:Name="FocusStates">
                        <VisualState x:Name="Focused">
                            <Storyboard>
                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderElement" Storyboard.TargetProperty="Background">
                                    <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource PaneGroupHeaderBackgroundFocused}"/>
                                </ObjectAnimationUsingKeyFrames>
                            </Storyboard>
                        </VisualState>
                        <VisualState x:Name="Unfocused"/>
                    </VisualStateGroup>
                    <VisualStateGroup x:Name="AutoCollapseStates">
                        <VisualState x:Name="SingleItem">
                            <Storyboard>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="ItemsArea" Storyboard.TargetProperty="Visibility">
                                    <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="Collapsed"/>
                                </ObjectAnimationUsingKeyFrames>
                            </Storyboard>
                        </VisualState>
                        <VisualState x:Name="TwoOrMoreItems"/>
                    </VisualStateGroup>
                    <VisualStateGroup x:Name="PaneHeaderVisibilityStates">
                        <VisualState x:Name="PaneHeaderHidden">
                            <Storyboard>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="HeaderElement" Storyboard.TargetProperty="Visibility">
                                    <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="Collapsed"/>
                                </ObjectAnimationUsingKeyFrames>
                            </Storyboard>
                        </VisualState>
                        <VisualState x:Name="PaneHeaderVisible"/>
                    </VisualStateGroup>
                    <VisualStateGroup x:Name="ResizerStates">
                        <VisualState x:Name="ResizerLeft">
                            <Storyboard>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DockResizer" Storyboard.TargetProperty="Visibility">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DockResizer" Storyboard.TargetProperty="Width">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="4"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="border" Storyboard.TargetProperty="Margin">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="4 0 0 0"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="ItemsArea" Storyboard.TargetProperty="Margin">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="4 0 0 0"/>
                                </ObjectAnimationUsingKeyFrames>
                            </Storyboard>
                        </VisualState>
                        <VisualState x:Name="ResizerTop">
                            <Storyboard>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DockResizer" Storyboard.TargetProperty="Visibility">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DockResizer" Storyboard.TargetProperty="VerticalAlignment">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="Top"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DockResizer" Storyboard.TargetProperty="HorizontalAlignment">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="Stretch"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DockResizer" Storyboard.TargetProperty="Placement">
                                    <DiscreteObjectKeyFrame KeyTime="0">
                                        <DiscreteObjectKeyFrame.Value>
                                            <telerik:Dock>Top</telerik:Dock>
                                        </DiscreteObjectKeyFrame.Value>
                                    </DiscreteObjectKeyFrame>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DockResizer" Storyboard.TargetProperty="Height">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="4"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DockResizer" Storyboard.TargetProperty="(Grid.RowSpan)">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="1"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DockResizer" Storyboard.TargetProperty="(Grid.Row)">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="0"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="border" Storyboard.TargetProperty="Margin">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="0 4 0 0"/>
                                </ObjectAnimationUsingKeyFrames>
                            </Storyboard>
                        </VisualState>
                        <VisualState x:Name="HideResizer"/>
                    </VisualStateGroup>
                </VisualStateManager.VisualStateGroups>
                <Grid.RowDefinitions>
                    <RowDefinition Height="*" MinHeight="20"/>
                    <RowDefinition Height="auto"/>
                </Grid.RowDefinitions>
                <Border x:Name="border" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}">
                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="16"/>
                            <RowDefinition Height="*"/>
                        </Grid.RowDefinitions>
                        <dock:PaneHeader x:Name="HeaderElement" Grid.Row="0" SelectedPane="{TemplateBinding SelectedPane}"/>
                        <ContentPresenter x:Name="ContentElement" Grid.Row="1" Content="{TemplateBinding SelectedContent}" ContentTemplate="{TemplateBinding SelectedContentTemplate}"/>
                    </Grid>
                </Border>
                <Grid x:Name="ItemsArea" Grid.Row="1">
                    <Rectangle Fill="{StaticResource PaneGroupDividerBackground}"/>
                    <Rectangle Fill="DarkGray" Height="1" Margin="0 -1 0 0" VerticalAlignment="Top"/>
                    <ItemsPresenter x:Name="ItemsPresenterElement" Margin="0 0 0 3"/>
                    <Border Height="3" Margin="0 -4 0 0" VerticalAlignment="Top" Background="White" BorderBrush="DarkGray" BorderThickness="0 1 0 0"/>
                </Grid>
                <dock:RadGridResizer x:Name="DockResizer" HorizontalAlignment="Left" VerticalAlignment="Stretch" Visibility="Collapsed" Grid.RowSpan="2" Placement="Left" ShowsPreview="True"/>
                <Rectangle x:Name="DisableVisual" Fill="#80FFFFFF" Visibility="Collapsed" Grid.RowSpan="2"/>
            </Grid>
        </ControlTemplate>
        <SolidColorBrush x:Key="PaneGroupDocumentHeaderbackground" Color="#f0f0f0"/>
        <SolidColorBrush x:Key="PaneGroupDocumentDarkerBorder" Color="#a0a0a0"/>
        <SolidColorBrush x:Key="PaneGroupDocumentColor" Color="#d5d9de"/>
        <SolidColorBrush x:Key="PaneGroupDocumentHighlight" Color="#FFFFFF"/>
        <ControlTemplate x:Key="PaneGroupDocumentTemplate" TargetType="telerikDocking:RadPaneGroup">
            <Grid>
                <VisualStateManager.VisualStateGroups>
                    <VisualStateGroup x:Name="CommonStates">
                        <VisualState x:Name="Disabled"/>
                        <VisualState x:Name="Normal"/>
                    </VisualStateGroup>
                    <VisualStateGroup x:Name="ResizerStates">
                        <VisualState x:Name="ResizerLeft">
                            <Storyboard>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DockResizer" Storyboard.TargetProperty="Visibility">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DockResizer" Storyboard.TargetProperty="Width">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="4"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="border" Storyboard.TargetProperty="Margin">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="4 0 0 0"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="ItemsPresenterElement" Storyboard.TargetProperty="Margin">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="6 0 0 0"/>
                                </ObjectAnimationUsingKeyFrames>
                            </Storyboard>
                        </VisualState>
                        <VisualState x:Name="ResizerTop">
                            <Storyboard>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DockResizer" Storyboard.TargetProperty="Visibility">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DockResizer" Storyboard.TargetProperty="VerticalAlignment">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="Top"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DockResizer" Storyboard.TargetProperty="HorizontalAlignment">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="Stretch"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DockResizer" Storyboard.TargetProperty="Placement">
                                    <DiscreteObjectKeyFrame KeyTime="0">
                                        <DiscreteObjectKeyFrame.Value>
                                            <telerik:Dock>Top</telerik:Dock>
                                        </DiscreteObjectKeyFrame.Value>
                                    </DiscreteObjectKeyFrame>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DockResizer" Storyboard.TargetProperty="Height">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="4"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DockResizer" Storyboard.TargetProperty="(Grid.RowSpan)">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="1"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DockResizer" Storyboard.TargetProperty="(Grid.Row)">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="0"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="ItemsPresenterElement" Storyboard.TargetProperty="Margin">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="2 4 0 0"/>
                                </ObjectAnimationUsingKeyFrames>
                            </Storyboard>
                        </VisualState>
                        <VisualState x:Name="HideResizer"/>
                    </VisualStateGroup>
                </VisualStateManager.VisualStateGroups>
                <Grid.RowDefinitions>
                    <RowDefinition Height="auto"/>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>
                <Rectangle Fill="{StaticResource PaneGroupDocumentHeaderbackground}" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Visibility="{TemplateBinding BackgroundVisibility}"/>
                <ItemsPresenter x:Name="ItemsPresenterElement" Margin="2 0 0 0" Grid.Row="0"/>
                <Border x:Name="border" Grid.Row="1" BorderBrush="{StaticResource PaneGroupDocumentDarkerBorder}" BorderThickness="1" CornerRadius="3">
                    <Border Background="{StaticResource PaneGroupDocumentColor}" BorderBrush="{StaticResource PaneGroupDocumentHighlight}" BorderThickness="1" CornerRadius="2">
                        <Border Margin="2" Background="{TemplateBinding Background}" BorderBrush="{StaticResource PaneGroupDocumentDarkerBorder}" BorderThickness="1" Padding="{TemplateBinding Padding}">
                            <ContentPresenter x:Name="ContentElement" Content="{TemplateBinding SelectedContent}" ContentTemplate="{TemplateBinding SelectedContentTemplate}"/>
                        </Border>
                    </Border>
                </Border>
                <dock:RadGridResizer x:Name="DockResizer" HorizontalAlignment="Left" VerticalAlignment="Stretch" Visibility="Collapsed" Grid.RowSpan="2" Placement="Left" ShowsPreview="True"/>
            </Grid>
        </ControlTemplate>
        <SolidColorBrush x:Key="PaneGroupBorderBrush" Color="#A0A0A0"/>
        <SolidColorBrush x:Key="PaneGroupBackground" Color="#FFFFFF"/>
        <Style x:Key="RadPaneGroupStyle1" TargetType="telerikDocking:RadPaneGroup">
            <Setter Property="Template" Value="{StaticResource PaneGroupBottomTemplate}"/>
            <Setter Property="BottomTemplate" Value="{StaticResource PaneGroupBottomTemplate}"/>
            <Setter Property="TopTemplate" Value="{StaticResource PaneGroupDocumentTemplate}"/>
            <Setter Property="DocumentHostTemplate" Value="{StaticResource PaneGroupDocumentTemplate}"/>
            <Setter Property="LeftTemplate" Value="{StaticResource PaneGroupBottomTemplate}"/>
            <Setter Property="RightTemplate" Value="{StaticResource PaneGroupBottomTemplate}"/>
            <Setter Property="ItemsPanel">
                <Setter.Value>
                    <ItemsPanelTemplate>
                        <Telerik_Windows_Controls_Primitives:TabStripPanel/>
                    </ItemsPanelTemplate>
                </Setter.Value>
            </Setter>
            <Setter Property="BorderBrush" Value="{StaticResource PaneGroupBorderBrush}"/>
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="Background" Value="{StaticResource PaneGroupBackground}"/>
            <Setter Property="Align" Value="Left"/>
            <Setter Property="TabStripPlacement" Value="Bottom"/>
            <Setter Property="AllTabsEqualHeight" Value="True"/>
            <Setter Property="BackgroundVisibility" Value="Visible"/>
            <Setter Property="AllowDragReorder" Value="False"/>
            <Setter Property="AllowDragOverTab" Value="False"/>
            <Setter Property="MinWidth" Value="15"/>
            <Setter Property="MinHeight" Value="15"/>
        </Style>
        <Style x:Key="RadPaneGroupStyle2" TargetType="telerikDocking:RadPaneGroup">
            <Setter Property="Template" Value="{StaticResource PaneGroupBottomTemplate}"/>
            <Setter Property="BottomTemplate" Value="{StaticResource PaneGroupBottomTemplate}"/>
            <Setter Property="TopTemplate" Value="{StaticResource PaneGroupDocumentTemplate}"/>
            <Setter Property="DocumentHostTemplate" Value="{StaticResource PaneGroupDocumentTemplate}"/>
            <Setter Property="LeftTemplate" Value="{StaticResource PaneGroupBottomTemplate}"/>
            <Setter Property="RightTemplate" Value="{StaticResource PaneGroupBottomTemplate}"/>
            <Setter Property="ItemsPanel">
                <Setter.Value>
                    <ItemsPanelTemplate>
                        <Telerik_Windows_Controls_Primitives:TabStripPanel/>
                    </ItemsPanelTemplate>
                </Setter.Value>
            </Setter>
            <Setter Property="BorderBrush" Value="{StaticResource PaneGroupBorderBrush}"/>
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="Background" Value="{StaticResource PaneGroupBackground}"/>
            <Setter Property="Align" Value="Left"/>
            <Setter Property="TabStripPlacement" Value="Bottom"/>
            <Setter Property="AllTabsEqualHeight" Value="True"/>
            <Setter Property="BackgroundVisibility" Value="Visible"/>
            <Setter Property="AllowDragReorder" Value="False"/>
            <Setter Property="AllowDragOverTab" Value="False"/>
            <Setter Property="MinWidth" Value="15"/>
            <Setter Property="MinHeight" Value="15"/>
        </Style>
    </UserControl.Resources>

    <Grid>
        <telerikDocking:RadDocking x:Name="dock">
           <telerikDocking:RadSplitContainer Orientation="Vertical" InitialPosition="DockedLeft">
                <telerikDocking:RadPaneGroup Style="{StaticResource RadPaneGroupStyle2}">
                    <telerikDocking:RadPane Header="Pane1" Content="Pane1"/>
                </telerikDocking:RadPaneGroup>
                <telerikDocking:RadPaneGroup>
                    <telerikDocking:RadPane Header="Pane2" Content="Pane2" />
                </telerikDocking:RadPaneGroup>
            </telerikDocking:RadSplitContainer>
        </telerikDocking:RadDocking>
    </Grid>

Kind regards,
Kaloyan
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[James]

Hi Kaloyan,

Thanks for this.

I'm experiencing a very strange problem with the Title text of a RadPaneGroup not appearing, but only when I re-template this control.

Here's a screenshot:
http://www.flickr.com/photos/36587020@N04/3842105324/

If I remove the template then the title appears. This never used to happen, again I think it stopped working around the time I upgraded to SP1, which coincidentally is when I couldn't "Edit a copy" of the RadPaneGroup template.

Here's the full Xaml that you can't see all of in the screenshot. Does this xaml produce the same results for you?

Cheers,

James

<UserControl
 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 x:Class="RadPaneGroupProblem.MainPage"
        xmlns:telerik="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls"
        xmlns:telerikDocking="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Docking"
        xmlns:telerikNavigation="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Navigation"
        xmlns:Telerik_Windows_Controls_Docking="clr-namespace:Telerik.Windows.Controls.Docking;assembly=Telerik.Windows.Controls.Docking"
        xmlns:Telerik_Windows_Controls_Primitives1="clr-namespace:Telerik.Windows.Controls.Primitives;assembly=Telerik.Windows.Controls.Navigation"  
 Width="640" Height="480">

 <UserControl.Resources>

        <SolidColorBrush x:Key="PaneGroupDividerBackground" Color="#f0f0f0"/>
        <LinearGradientBrush x:Key="PaneGroupHeaderBackgroundFocused" EndPoint="0 1">
            <GradientStop Color="#FF969EA8" Offset="0"/>
            <GradientStop Color="#FFC7CCCF" Offset="1"/>
        </LinearGradientBrush>
        <ControlTemplate x:Key="PaneGroupBottomTemplate" TargetType="telerikDocking:RadPaneGroup">
            <Grid>
                <VisualStateManager.VisualStateGroups>
                    <VisualStateGroup x:Name="CommonStates">
                        <VisualState x:Name="Disabled">
                            <Storyboard>
                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DisableVisual" Storyboard.TargetProperty="Visibility">
                                    <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="Visible"/>
                                </ObjectAnimationUsingKeyFrames>
                            </Storyboard>
                        </VisualState>
                        <VisualState x:Name="Normal"/>
                    </VisualStateGroup>
                    <VisualStateGroup x:Name="FocusStates">
                        <VisualState x:Name="Focused">
                            <Storyboard>
                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderElement" Storyboard.TargetProperty="Background">
                                    <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource PaneGroupHeaderBackgroundFocused}"/>
                                </ObjectAnimationUsingKeyFrames>
                            </Storyboard>
                        </VisualState>
                        <VisualState x:Name="Unfocused"/>
                    </VisualStateGroup>
                    <VisualStateGroup x:Name="AutoCollapseStates">
                        <VisualState x:Name="SingleItem">
                            <Storyboard>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="ItemsArea" Storyboard.TargetProperty="Visibility">
                                    <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="Collapsed"/>
                                </ObjectAnimationUsingKeyFrames>
                            </Storyboard>
                        </VisualState>
                        <VisualState x:Name="TwoOrMoreItems"/>
                    </VisualStateGroup>
                    <VisualStateGroup x:Name="PaneHeaderVisibilityStates">
                        <VisualState x:Name="PaneHeaderHidden">
                            <Storyboard>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="HeaderElement" Storyboard.TargetProperty="Visibility">
                                    <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="Collapsed"/>
                                </ObjectAnimationUsingKeyFrames>
                            </Storyboard>
                        </VisualState>
                        <VisualState x:Name="PaneHeaderVisible"/>
                    </VisualStateGroup>
                    <VisualStateGroup x:Name="ResizerStates">
                        <VisualState x:Name="ResizerLeft">
                            <Storyboard>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DockResizer" Storyboard.TargetProperty="Visibility">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DockResizer" Storyboard.TargetProperty="Width">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="4"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="border" Storyboard.TargetProperty="Margin">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="4 0 0 0"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="ItemsArea" Storyboard.TargetProperty="Margin">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="4 0 0 0"/>
                                </ObjectAnimationUsingKeyFrames>
                            </Storyboard>
                        </VisualState>
                        <VisualState x:Name="ResizerTop">
                            <Storyboard>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DockResizer" Storyboard.TargetProperty="Visibility">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DockResizer" Storyboard.TargetProperty="VerticalAlignment">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="Top"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DockResizer" Storyboard.TargetProperty="HorizontalAlignment">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="Stretch"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DockResizer" Storyboard.TargetProperty="Placement">
                                    <DiscreteObjectKeyFrame KeyTime="0">
                                        <DiscreteObjectKeyFrame.Value>
                                            <telerik:Dock>Top</telerik:Dock>
                                        </DiscreteObjectKeyFrame.Value>
                                    </DiscreteObjectKeyFrame>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DockResizer" Storyboard.TargetProperty="Height">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="4"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DockResizer" Storyboard.TargetProperty="(Grid.RowSpan)">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="1"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DockResizer" Storyboard.TargetProperty="(Grid.Row)">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="0"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="border" Storyboard.TargetProperty="Margin">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="0 4 0 0"/>
                                </ObjectAnimationUsingKeyFrames>
                            </Storyboard>
                        </VisualState>
                        <VisualState x:Name="HideResizer"/>
                    </VisualStateGroup>
                </VisualStateManager.VisualStateGroups>
                <Grid.RowDefinitions>
                    <RowDefinition Height="*" MinHeight="20"/>
                    <RowDefinition Height="auto"/>
                </Grid.RowDefinitions>
                <Border x:Name="border" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}">
                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="16"/>
                            <RowDefinition Height="*"/>
                        </Grid.RowDefinitions>
                        <Telerik_Windows_Controls_Docking:PaneHeader x:Name="HeaderElement" Grid.Row="0" SelectedPane="{TemplateBinding SelectedPane}"/>
                        <ContentPresenter x:Name="ContentElement" Grid.Row="1" Content="{TemplateBinding SelectedContent}" ContentTemplate="{TemplateBinding SelectedContentTemplate}"/>
                    </Grid>
                </Border>
                <Grid x:Name="ItemsArea" Grid.Row="1">
                    <Rectangle Fill="{StaticResource PaneGroupDividerBackground}"/>
                    <Rectangle Fill="DarkGray" Height="1" Margin="0 -1 0 0" VerticalAlignment="Top"/>
                    <ItemsPresenter x:Name="ItemsPresenterElement" Margin="0 0 0 3"/>
                    <Border Height="3" Margin="0 -4 0 0" VerticalAlignment="Top" Background="White" BorderBrush="DarkGray" BorderThickness="0 1 0 0"/>
                </Grid>
                <Telerik_Windows_Controls_Docking:RadGridResizer x:Name="DockResizer" HorizontalAlignment="Left" VerticalAlignment="Stretch" Visibility="Collapsed" Grid.RowSpan="2" Placement="Left" ShowsPreview="True"/>
                <Rectangle x:Name="DisableVisual" Fill="#80FFFFFF" Visibility="Collapsed" Grid.RowSpan="2"/>
            </Grid>
        </ControlTemplate>
        <SolidColorBrush x:Key="PaneGroupDocumentHeaderbackground" Color="#f0f0f0"/>
        <SolidColorBrush x:Key="PaneGroupDocumentDarkerBorder" Color="#a0a0a0"/>
        <SolidColorBrush x:Key="PaneGroupDocumentColor" Color="#d5d9de"/>
        <SolidColorBrush x:Key="PaneGroupDocumentHighlight" Color="#FFFFFF"/>
        <ControlTemplate x:Key="PaneGroupDocumentTemplate" TargetType="telerikDocking:RadPaneGroup">
            <Grid>
                <VisualStateManager.VisualStateGroups>
                    <VisualStateGroup x:Name="CommonStates">
                        <VisualState x:Name="Disabled"/>
                        <VisualState x:Name="Normal"/>
                    </VisualStateGroup>
                    <VisualStateGroup x:Name="ResizerStates">
                        <VisualState x:Name="ResizerLeft">
                            <Storyboard>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DockResizer" Storyboard.TargetProperty="Visibility">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DockResizer" Storyboard.TargetProperty="Width">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="4"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="border" Storyboard.TargetProperty="Margin">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="4 0 0 0"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="ItemsPresenterElement" Storyboard.TargetProperty="Margin">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="6 0 0 0"/>
                                </ObjectAnimationUsingKeyFrames>
                            </Storyboard>
                        </VisualState>
                        <VisualState x:Name="ResizerTop">
                            <Storyboard>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DockResizer" Storyboard.TargetProperty="Visibility">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DockResizer" Storyboard.TargetProperty="VerticalAlignment">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="Top"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DockResizer" Storyboard.TargetProperty="HorizontalAlignment">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="Stretch"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DockResizer" Storyboard.TargetProperty="Placement">
                                    <DiscreteObjectKeyFrame KeyTime="0">
                                        <DiscreteObjectKeyFrame.Value>
                                            <telerik:Dock>Top</telerik:Dock>
                                        </DiscreteObjectKeyFrame.Value>
                                    </DiscreteObjectKeyFrame>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DockResizer" Storyboard.TargetProperty="Height">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="4"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DockResizer" Storyboard.TargetProperty="(Grid.RowSpan)">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="1"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DockResizer" Storyboard.TargetProperty="(Grid.Row)">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="0"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="ItemsPresenterElement" Storyboard.TargetProperty="Margin">
                                    <DiscreteObjectKeyFrame KeyTime="0" Value="2 4 0 0"/>
                                </ObjectAnimationUsingKeyFrames>
                            </Storyboard>
                        </VisualState>
                        <VisualState x:Name="HideResizer"/>
                    </VisualStateGroup>
                </VisualStateManager.VisualStateGroups>
                <Grid.RowDefinitions>
                    <RowDefinition Height="auto"/>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>
                <Rectangle Fill="{StaticResource PaneGroupDocumentHeaderbackground}" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Visibility="{TemplateBinding BackgroundVisibility}"/>
                <ItemsPresenter x:Name="ItemsPresenterElement" Margin="2 0 0 0" Grid.Row="0"/>
                <Border x:Name="border" Grid.Row="1" BorderBrush="{StaticResource PaneGroupDocumentDarkerBorder}" BorderThickness="1" CornerRadius="3">
                    <Border Background="{StaticResource PaneGroupDocumentColor}" BorderBrush="{StaticResource PaneGroupDocumentHighlight}" BorderThickness="1" CornerRadius="2">
                        <Border Margin="2" Background="{TemplateBinding Background}" BorderBrush="{StaticResource PaneGroupDocumentDarkerBorder}" BorderThickness="1" Padding="{TemplateBinding Padding}">
                            <ContentPresenter x:Name="ContentElement" Content="{TemplateBinding SelectedContent}" ContentTemplate="{TemplateBinding SelectedContentTemplate}"/>
                        </Border>
                    </Border>
                </Border>
                <Telerik_Windows_Controls_Docking:RadGridResizer x:Name="DockResizer" HorizontalAlignment="Left" VerticalAlignment="Stretch" Visibility="Collapsed" Grid.RowSpan="2" Placement="Left" ShowsPreview="True"/>
            </Grid>
        </ControlTemplate>
        <SolidColorBrush x:Key="PaneGroupBorderBrush" Color="#A0A0A0"/>
        <SolidColorBrush x:Key="PaneGroupBackground" Color="#FFFFFF"/>
        <Style x:Key="RadPaneGroupStyle1" TargetType="telerikDocking:RadPaneGroup"> 
            <Setter Property="Template" Value="{StaticResource PaneGroupBottomTemplate}"/> 
            <Setter Property="BottomTemplate" Value="{StaticResource PaneGroupBottomTemplate}"/> 
            <Setter Property="TopTemplate" Value="{StaticResource PaneGroupDocumentTemplate}"/> 
            <Setter Property="DocumentHostTemplate" Value="{StaticResource PaneGroupDocumentTemplate}"/> 
            <Setter Property="LeftTemplate" Value="{StaticResource PaneGroupBottomTemplate}"/> 
            <Setter Property="RightTemplate" Value="{StaticResource PaneGroupBottomTemplate}"/> 
            <Setter Property="ItemsPanel"> 
                <Setter.Value> 
                    <ItemsPanelTemplate> 
                        <Telerik_Windows_Controls_Primitives1:TabStripPanel/> 
                    </ItemsPanelTemplate> 
                </Setter.Value> 
            </Setter> 
            <Setter Property="BorderBrush" Value="{StaticResource PaneGroupBorderBrush}"/> 
            <Setter Property="BorderThickness" Value="1"/> 
            <Setter Property="Background" Value="{StaticResource PaneGroupBackground}"/> 
            <Setter Property="Align" Value="Left"/> 
            <Setter Property="TabStripPlacement" Value="Bottom"/> 
            <Setter Property="AllTabsEqualHeight" Value="True"/> 
            <Setter Property="BackgroundVisibility" Value="Visible"/> 
            <Setter Property="AllowDragReorder" Value="False"/> 
            <Setter Property="AllowDragOverTab" Value="False"/> 
            <Setter Property="MinWidth" Value="15"/> 
            <Setter Property="MinHeight" Value="15"/> 
        </Style> 
        <Style x:Key="RadPaneGroupStyle2" TargetType="telerikDocking:RadPaneGroup"> 
            <Setter Property="Template" Value="{StaticResource PaneGroupBottomTemplate}"/> 
            <Setter Property="BottomTemplate" Value="{StaticResource PaneGroupBottomTemplate}"/> 
            <Setter Property="TopTemplate" Value="{StaticResource PaneGroupDocumentTemplate}"/> 
            <Setter Property="DocumentHostTemplate" Value="{StaticResource PaneGroupDocumentTemplate}"/> 
            <Setter Property="LeftTemplate" Value="{StaticResource PaneGroupBottomTemplate}"/> 
            <Setter Property="RightTemplate" Value="{StaticResource PaneGroupBottomTemplate}"/> 
            <Setter Property="ItemsPanel"> 
                <Setter.Value> 
                    <ItemsPanelTemplate> 
                        <Telerik_Windows_Controls_Primitives1:TabStripPanel/> 
                    </ItemsPanelTemplate> 
                </Setter.Value> 
            </Setter> 
            <Setter Property="BorderBrush" Value="{StaticResource PaneGroupBorderBrush}"/> 
            <Setter Property="BorderThickness" Value="1"/> 
            <Setter Property="Background" Value="{StaticResource PaneGroupBackground}"/> 
            <Setter Property="Align" Value="Left"/> 
            <Setter Property="TabStripPlacement" Value="Bottom"/> 
            <Setter Property="AllTabsEqualHeight" Value="True"/> 
            <Setter Property="BackgroundVisibility" Value="Visible"/> 
            <Setter Property="AllowDragReorder" Value="False"/> 
            <Setter Property="AllowDragOverTab" Value="False"/> 
            <Setter Property="MinWidth" Value="15"/> 
            <Setter Property="MinHeight" Value="15"/> 
        </Style> 

    </UserControl.Resources>

 <Grid x:Name="LayoutRoot">
  <telerikDocking:RadDocking Height="177" VerticalAlignment="Top" >
      <telerikDocking:RadSplitContainer InitialPosition="DockedLeft">
          <telerikDocking:RadPaneGroup Style="{StaticResource RadPaneGroupStyle2}">
              <telerikDocking:RadPane Title="Title1"
           Height="Auto"
           Width="Auto"
           Content="RadPane1" />
    </telerikDocking:RadPaneGroup>
   </telerikDocking:RadSplitContainer>

   <telerikDocking:RadSplitContainer InitialPosition="DockedRight">
    <telerikDocking:RadPaneGroup>
     <telerikDocking:RadPane Title="Title2"
           Height="Auto"
            Width="Auto"
           Content="RadPane2" />
    </telerikDocking:RadPaneGroup>
   </telerikDocking:RadSplitContainer>
  </telerikDocking:RadDocking >
 </Grid>
</UserControl>

[Kaloyan]

Hello James,

I am posting the correct xaml style for the RadPaneGroup

<UserControl
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows"
    xmlns:telerik="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls"
    xmlns:Docking="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Docking"
    xmlns:dock="clr-namespace:Telerik.Windows.Controls.Docking;assembly=Telerik.Windows.Controls.Docking"
    xmlns:telerikNavigationPrimitives="clr-namespace:Telerik.Windows.Controls.Primitives;assembly=Telerik.Windows.Controls.Navigation"
    x:Class="Delete.MainPage">

<UserControl.Resources>
 <LinearGradientBrush x:Key="PaneGroupHeaderBackgroundFocused" EndPoint="0 1">
        <GradientStop Offset="0" Color="#FF969EA8" />
        <GradientStop Offset="1" Color="#FFC7CCCF" />
    </LinearGradientBrush>

    <LinearGradientBrush x:Key="PaneGroupHeaderBackgroundUnfocued" EndPoint="0.5,1"
            StartPoint="0.5,0">
        <GradientStop Color="#FFF3F4F6" Offset="0" />
        <GradientStop Color="#FFCED3D9" Offset="1" />
    </LinearGradientBrush>

    <SolidColorBrush x:Key="PaneGroupBorderBrush" Color="#A0A0A0" />
    <SolidColorBrush x:Key="PaneGroupBackground" Color="#FFFFFF" />
    <SolidColorBrush x:Key="PaneGroupDividerBrush" Color="#A0A0A0" />
    <SolidColorBrush x:Key="PaneGroupDividerBackground" Color="#f0f0f0" />
    <SolidColorBrush x:Key="PaneHeaderButtonBrushPressed" Color="#FFFA8C3B" />
    <SolidColorBrush x:Key="PaneGroupHeaderForegroundUnfocused" Color="#434E54" />

    <LinearGradientBrush x:Key="PaneHeaderButtonBackgroundMouseOver" EndPoint="0.5,1"
            StartPoint="0.5,0">
        <GradientStop Color="#FFFDDB73" Offset="1" />
        <GradientStop Color="#FFFEF4CA" Offset="0" />
    </LinearGradientBrush>
    <SolidColorBrush x:Key="PaneHeaderButtonBorderMouseOver" Color="#FFFFBC6B" />

    <LinearGradientBrush x:Key="PaneHeaderButtonBackgroundPressed" EndPoint="0.5,1"
            StartPoint="0.5,0">
        <GradientStop Color="#FFFEB85D" Offset="1" />
        <GradientStop Color="#FFFB933C" Offset="0" />
    </LinearGradientBrush>

    <!--PaneGroup BottomTemplate-->
    <ControlTemplate x:Key="PaneGroupBottomTemplate" TargetType="Docking:RadPaneGroup">
        <Grid>
            <vsm:VisualStateManager.VisualStateGroups>
                <vsm:VisualStateGroup x:Name="CommonStates">
                    <vsm:VisualState x:Name="Disabled">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DisableVisual"
                                    Storyboard.TargetProperty="Visibility">
                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="Visible" />
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </vsm:VisualState>
                    <vsm:VisualState x:Name="Normal" />
                </vsm:VisualStateGroup>
                <vsm:VisualStateGroup x:Name="FocusStates">
                    <vsm:VisualState x:Name="Focused">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderElement"
                                    Storyboard.TargetProperty="Background">
                                <DiscreteObjectKeyFrame KeyTime="0:0:0"
                                        Value="{StaticResource PaneGroupHeaderBackgroundFocused}" />
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </vsm:VisualState>
                    <vsm:VisualState x:Name="Unfocused" />
                </vsm:VisualStateGroup>
                <vsm:VisualStateGroup x:Name="AutoCollapseStates">
                    <vsm:VisualState x:Name="SingleItem">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ItemsArea"
                                    Storyboard.TargetProperty="Visibility" Duration="0">
                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="Collapsed" />
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </vsm:VisualState>
                    <vsm:VisualState x:Name="TwoOrMoreItems" />
                </vsm:VisualStateGroup>
                <vsm:VisualStateGroup x:Name="PaneHeaderVisibilityStates">
                    <vsm:VisualState x:Name="PaneHeaderHidden">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderElement"
                                    Storyboard.TargetProperty="Visibility" Duration="0">
                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="Collapsed" />
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </vsm:VisualState>
                    <vsm:VisualState x:Name="PaneHeaderVisible" />
                </vsm:VisualStateGroup>
                <vsm:VisualStateGroup x:Name="ResizerStates">
                    <vsm:VisualState x:Name="ResizerLeft">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DockResizer"
                                    Storyboard.TargetProperty="Visibility" Duration="0">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="Visible" />
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DockResizer"
                                    Storyboard.TargetProperty="Width" Duration="0">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="4" />
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="border"
                                    Storyboard.TargetProperty="Margin" Duration="0">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="4 0 0 0" />
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ItemsArea"
                                    Storyboard.TargetProperty="Margin" Duration="0">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="4 0 0 0" />
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </vsm:VisualState>
                    <vsm:VisualState x:Name="ResizerTop">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DockResizer"
                                    Storyboard.TargetProperty="Visibility" Duration="0">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="Visible" />
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DockResizer"
                                    Storyboard.TargetProperty="VerticalAlignment" Duration="0">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="Top" />
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DockResizer"
                                    Storyboard.TargetProperty="HorizontalAlignment" Duration="0">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="Stretch" />
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DockResizer"
                                    Storyboard.TargetProperty="Placement" Duration="0">
                                <DiscreteObjectKeyFrame KeyTime="0">
                                    <DiscreteObjectKeyFrame.Value>
                                        <telerik:Dock>Top</telerik:Dock>
                                    </DiscreteObjectKeyFrame.Value>
                                </DiscreteObjectKeyFrame>
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DockResizer"
                                    Storyboard.TargetProperty="Height" Duration="0">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="4" />
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DockResizer"
                                    Storyboard.TargetProperty="(Grid.RowSpan)" Duration="0">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="1" />
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DockResizer"
                                    Storyboard.TargetProperty="(Grid.Row)" Duration="0">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="0" />
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="border"
                                    Storyboard.TargetProperty="Margin" Duration="0">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="0 4 0 0" />
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </vsm:VisualState>
                    <vsm:VisualState x:Name="HideResizer" />
                </vsm:VisualStateGroup>
            </vsm:VisualStateManager.VisualStateGroups>
            <Grid.RowDefinitions>
                <RowDefinition Height="*" MinHeight="20" />
                <RowDefinition Height="auto" />
            </Grid.RowDefinitions>

            <!--Content-->
            <Border x:Name="border" BorderBrush="{TemplateBinding BorderBrush}"
                    BorderThickness="{TemplateBinding BorderThickness}"
                    Background="{TemplateBinding Background}">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="16" />
                        <RowDefinition Height="*" />
                    </Grid.RowDefinitions>
                    <!--Header-->
                    <dock:PaneHeader x:Name="HeaderElement" Grid.Row="0"
                            SelectedTitle="{Binding SelectedPane.Title, RelativeSource={RelativeSource TemplatedParent}}"
                            SelectedPane="{TemplateBinding SelectedPane}">
                    </dock:PaneHeader>

                    <ContentPresenter x:Name="ContentElement" Grid.Row="1"
                            Content="{TemplateBinding SelectedContent}"
                            ContentTemplate="{TemplateBinding SelectedContentTemplate}" />
                </Grid>
            </Border>

            <!--Items-->
            <Grid Grid.Row="1" x:Name="ItemsArea">
                <Rectangle Fill="{StaticResource PaneGroupDividerBackground}" />

                <Rectangle Height="1" Fill="DarkGray" VerticalAlignment="Top" Margin="0 -1 0 0" />

                <ItemsPresenter Margin="0 0 0 3" x:Name="ItemsPresenterElement" />

                <Border Background="White" BorderBrush="DarkGray" BorderThickness="0 1 0 0"
                        Margin="0 -4 0 0" VerticalAlignment="Top" Height="3">
                </Border>
            </Grid>

            <dock:RadGridResizer x:Name="DockResizer" Placement="Left" ShowsPreview="True"
                    Visibility="Collapsed" VerticalAlignment="Stretch" HorizontalAlignment="Left"
                    Grid.RowSpan="2" />
            <!--Disabled Visual-->
            <Rectangle Visibility="Collapsed" Fill="#80FFFFFF" Grid.RowSpan="2"
                    x:Name="DisableVisual" />
        </Grid>
    </ControlTemplate>

    <!--<SolidColorBrush x:Key="TabControlBackground" Color="#F8F8F8" />-->
    <SolidColorBrush x:Key="PaneGroupDocumentDarkerBorder" Color="#a0a0a0" />
    <SolidColorBrush x:Key="PaneGroupDocumentHighlight" Color="#FFFFFF" />
    <SolidColorBrush x:Key="PaneGroupDocumentColor" Color="#d5d9de" />
    <SolidColorBrush x:Key="PaneGroupDocumentHeaderbackground" Color="#f0f0f0" />

    <!--PaneGroup TopTemplate (Document Area)-->
    <ControlTemplate x:Key="PaneGroupDocumentTemplate" TargetType="Docking:RadPaneGroup">
        <Grid>
            <vsm:VisualStateManager.VisualStateGroups>
                <vsm:VisualStateGroup x:Name="CommonStates">
                    <vsm:VisualState x:Name="Disabled" />
                    <vsm:VisualState x:Name="Normal" />
                </vsm:VisualStateGroup>
                <vsm:VisualStateGroup x:Name="ResizerStates">
                    <vsm:VisualState x:Name="ResizerLeft">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DockResizer"
                                    Storyboard.TargetProperty="Visibility" Duration="0">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="Visible" />
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DockResizer"
                                    Storyboard.TargetProperty="Width" Duration="0">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="4" />
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="border"
                                    Storyboard.TargetProperty="Margin" Duration="0">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="4 0 0 0" />
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames
                                    Storyboard.TargetName="ItemsPresenterElement"
                                    Storyboard.TargetProperty="Margin" Duration="0">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="6 0 0 0" />
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </vsm:VisualState>
                    <vsm:VisualState x:Name="ResizerTop">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DockResizer"
                                    Storyboard.TargetProperty="Visibility" Duration="0">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="Visible" />
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DockResizer"
                                    Storyboard.TargetProperty="VerticalAlignment" Duration="0">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="Top" />
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DockResizer"
                                    Storyboard.TargetProperty="HorizontalAlignment" Duration="0">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="Stretch" />
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DockResizer"
                                    Storyboard.TargetProperty="Placement" Duration="0">
                                <DiscreteObjectKeyFrame KeyTime="0">
                                    <DiscreteObjectKeyFrame.Value>
                                        <telerik:Dock>Top</telerik:Dock>
                                    </DiscreteObjectKeyFrame.Value>
                                </DiscreteObjectKeyFrame>
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DockResizer"
                                    Storyboard.TargetProperty="Height" Duration="0">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="4" />
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DockResizer"
                                    Storyboard.TargetProperty="(Grid.RowSpan)" Duration="0">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="1" />
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DockResizer"
                                    Storyboard.TargetProperty="(Grid.Row)" Duration="0">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="0" />
                            </ObjectAnimationUsingKeyFrames>
                            <ObjectAnimationUsingKeyFrames
                                    Storyboard.TargetName="ItemsPresenterElement"
                                    Storyboard.TargetProperty="Margin" Duration="0">
                                <DiscreteObjectKeyFrame KeyTime="0" Value="2 4 0 0" />
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </vsm:VisualState>
                    <vsm:VisualState x:Name="HideResizer" />
                </vsm:VisualStateGroup>
            </vsm:VisualStateManager.VisualStateGroups>
            <Grid.RowDefinitions>
                <RowDefinition Height="auto" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>

            <Rectangle Fill="{StaticResource PaneGroupDocumentHeaderbackground}"
                    Visibility="{TemplateBinding BackgroundVisibility}"
                    HorizontalAlignment="Stretch" VerticalAlignment="Stretch" />

            <!--TabStrip-->
            <Grid Grid.Row="0" Margin="2 0 0 0">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="Auto" />
                </Grid.ColumnDefinitions>



                <ItemsPresenter x:Name="ItemsPresenterElement" Grid.Column="0" />

                <StackPanel Orientation="Horizontal" Grid.Column="1">
                    <Button Foreground="{StaticResource PaneGroupHeaderForegroundUnfocused}"
                            Content="M0,0 L1,0 4,3 7,0 8,0 8,1 5,4 8,7 8,8 7,8 4,5 1,8 0,8 0,7 3,4 0,1z"
                            Background="Transparent" BorderThickness="0" Width="16" Height="16">
                        <telerik:CommandManager.InputBindings>
                            <telerik:InputBindingCollection>
                                <telerik:MouseBinding Gesture="LeftClick"
                                        Command="dcok:RadDockingCommands.Close" />
                            </telerik:InputBindingCollection>
                        </telerik:CommandManager.InputBindings>
                        <Button.Template>
                            <ControlTemplate>
                                <Grid>
                                    <vsm:VisualStateManager.VisualStateGroups>
                                        <vsm:VisualStateGroup x:Name="CommonStates">
                                            <vsm:VisualState x:Name="Normal" />
                                            <vsm:VisualState x:Name="MouseOver">
                                                <Storyboard>
                                                    <ObjectAnimationUsingKeyFrames
                                                            Storyboard.TargetName="Highlight"
                                                            Storyboard.TargetProperty="Background">
                                                        <DiscreteObjectKeyFrame KeyTime="0:0:0"
                                                                Value="{StaticResource PaneHeaderButtonBackgroundMouseOver}" />
                                                    </ObjectAnimationUsingKeyFrames>
                                                    <ObjectAnimationUsingKeyFrames
                                                            Storyboard.TargetName="Highlight"
                                                            Storyboard.TargetProperty="BorderBrush">
                                                        <DiscreteObjectKeyFrame KeyTime="0:0:0"
                                                                Value="{StaticResource PaneHeaderButtonBorderMouseOver}" />
                                                    </ObjectAnimationUsingKeyFrames>
                                                </Storyboard>
                                            </vsm:VisualState>
                                            <vsm:VisualState x:Name="Pressed">
                                                <Storyboard>
                                                    <ObjectAnimationUsingKeyFrames
                                                            Storyboard.TargetName="Highlight"
                                                            Storyboard.TargetProperty="Background">
                                                        <DiscreteObjectKeyFrame KeyTime="0:0:0"
                                                                Value="{StaticResource PaneHeaderButtonBackgroundPressed}" />
                                                    </ObjectAnimationUsingKeyFrames>
                                                    <ObjectAnimationUsingKeyFrames
                                                            Storyboard.TargetName="Highlight"
                                                            Storyboard.TargetProperty="BorderBrush">
                                                        <DiscreteObjectKeyFrame KeyTime="0:0:0"
                                                                Value="{StaticResource PaneHeaderButtonBrushPressed}" />
                                                    </ObjectAnimationUsingKeyFrames>
                                                </Storyboard>
                                            </vsm:VisualState>
                                            <vsm:VisualState x:Name="Disabled">
                                                <Storyboard>
                                                    <DoubleAnimation Duration="0"
                                                            Storyboard.TargetName="DisabledVisualElement"
                                                            Storyboard.TargetProperty="Opacity"
                                                            To=".55" />
                                                </Storyboard>
                                            </vsm:VisualState>
                                        </vsm:VisualStateGroup>
                                        <vsm:VisualStateGroup x:Name="FocusStates">
                                            <vsm:VisualState x:Name="Focused" />
                                            <vsm:VisualState x:Name="Unfocused" />
                                        </vsm:VisualStateGroup>
                                    </vsm:VisualStateManager.VisualStateGroups>
                                    <Border Background="{TemplateBinding Background}"
                                            BorderThickness="{TemplateBinding BorderThickness}"
                                            BorderBrush="{TemplateBinding BorderBrush}">
                                        <Border x:Name="Highlight" BorderBrush="Transparent"
                                                BorderThickness="1" Background="Transparent" />
                                    </Border>
                                    <Path Data="{TemplateBinding Content}" Stroke="Transparent"
                                            Fill="{TemplateBinding Foreground}"
                                            HorizontalAlignment="Center" VerticalAlignment="Center" />

                                    <Rectangle x:Name="DisabledVisualElement" RadiusX="3"
                                            RadiusY="3" Fill="#FFFFFFFF" Opacity="0"
                                            IsHitTestVisible="false" />
                                </Grid>
                            </ControlTemplate>
                        </Button.Template>
                    </Button>
                </StackPanel>

            </Grid>

            <!--Content-->
            <Border x:Name="border" BorderThickness="1"
                    BorderBrush="{StaticResource PaneGroupDocumentDarkerBorder}" CornerRadius="3"
                    Grid.Row="1">
                <Border BorderThickness="1"
                        BorderBrush="{StaticResource PaneGroupDocumentHighlight}" CornerRadius="2"
                        Background="{StaticResource PaneGroupDocumentColor}">
                    <Border BorderBrush="{StaticResource PaneGroupDocumentDarkerBorder}" Margin="2"
                            Padding="{TemplateBinding Padding}" BorderThickness="1"
                            Background="{TemplateBinding Background}">
                        <ContentPresenter x:Name="ContentElement"
                                Content="{TemplateBinding SelectedContent}"
                                ContentTemplate="{TemplateBinding SelectedContentTemplate}" />
                    </Border>
                </Border>
            </Border>

            <dock:RadGridResizer x:Name="DockResizer" Placement="Left" ShowsPreview="True"
                    Visibility="Collapsed" VerticalAlignment="Stretch" HorizontalAlignment="Left"
                    Grid.RowSpan="2" />

        </Grid>
    </ControlTemplate>

    <!--PaneGroup Style-->
    <Style TargetType="Docking:RadPaneGroup" x:Key="paneGroupStyle">
        <Setter Property="Template" Value="{StaticResource PaneGroupBottomTemplate}" />
        <Setter Property="BottomTemplate" Value="{StaticResource PaneGroupBottomTemplate}" />
        <Setter Property="TopTemplate" Value="{StaticResource PaneGroupDocumentTemplate}" />
        <Setter Property="DocumentHostTemplate" Value="{StaticResource PaneGroupDocumentTemplate}" />
        <Setter Property="LeftTemplate" Value="{StaticResource PaneGroupBottomTemplate}" />
        <Setter Property="RightTemplate" Value="{StaticResource PaneGroupBottomTemplate}" />
        <Setter Property="ItemsPanel">
            <Setter.Value>
                <ItemsPanelTemplate>
                    <telerikNavigationPrimitives:TabStripPanel />
                </ItemsPanelTemplate>
            </Setter.Value>
        </Setter>
        <Setter Property="BorderBrush" Value="{StaticResource PaneGroupBorderBrush}" />
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="Background" Value="{StaticResource PaneGroupBackground}" />
        <Setter Property="Align" Value="Left" />
        <Setter Property="TabStripPlacement" Value="Bottom" />
        <Setter Property="AllTabsEqualHeight" Value="True" />
        <Setter Property="BackgroundVisibility" Value="Visible" />
        <Setter Property="AllowDragReorder" Value="False" />
        <Setter Property="AllowDragOverTab" Value="False" />
        <Setter Property="MinWidth" Value="15" />
        <Setter Property="MinHeight" Value="15" />
    </Style>
</UserControl.Resources>

    <Grid x:Name="LayoutRoot" Background="White">
        <Docking:RadDocking>
            <Docking:RadSplitContainer>
                <Docking:RadPaneGroup Style="{StaticResource paneGroupStyle}">
                    <Docking:RadPane Content="RadPane" Title="Title 1"/>
                </Docking:RadPaneGroup>
            </Docking:RadSplitContainer>
        </Docking:RadDocking>
    </Grid>
</UserControl>

:

Sincerely yours,
Kaloyan
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[James]

Thanks.

[andrea bellagamba]

Is it possible to hide the Header? in a RadPaneGroup?

I am using a RadDockingPanel containing a RadSplitContainer and a RadDocking.DocumentHost, but I would like to get rid of teh DocumentHost Header. I am doing something wrong? Or is tehre a way to hide teh Header?
 here is my code:

<radDock:RadDocking x:Name="radDocking1" Padding="0">
                    <radDock:RadDocking.DocumentHost>
                        <radDock:RadPaneGroup>
                            <radDock:RadDocumentPane Header="" x:Name="_documentPanel">
                                <Grid x:Name="_mainPanel" Margin="0">
                                    <contactDatabaseControls:ContactsGrid x:Name="_contactsGrid"></contactDatabaseControls:ContactsGrid>
                                </Grid>
                            </radDock:RadDocumentPane>
                        </radDock:RadPaneGroup>
                    </radDock:RadDocking.DocumentHost>
                    <radDock:RadSplitContainer InitialPosition="DockedLeft">
                        <radDock:RadPaneGroup>
                            <radDock:RadPane Header="Contact Database" IsPinned="True">
                                <ScrollViewer VerticalAlignment="top"
                                    BorderThickness="0"                    
                                    VerticalScrollBarVisibility="Auto" Margin="0"
                                    HorizontalScrollBarVisibility="Disabled"       
                                    telerik:ScrollViewerExtensions.EnableMouseWheel="true"
                                    Style="{StaticResource ScrollViewerStyle1}">
                                    <contactDatabaseControls:ContactDatabasesListPanel Margin="0,0,0,0" x:Name="_contactDatabaseListPanel" VerticalAlignment="Top" HorizontalContentAlignment="Stretch" HorizontalAlignment="Stretch"/>
                                </ScrollViewer>
                            </radDock:RadPane>
                        </radDock:RadPaneGroup>
                    </radDock:RadSplitContainer>
                </radDock:RadDocking>

[Miroslav Nedyalkov]

Hello Andrea,

Could you please explain in more details which header you'd like to remove? If you send us a screenshot this will help us give you better more concrete information about how to achieve this.

Best wishes,
Miroslav Nedyalkov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[andrea bellagamba]

I don't know how to attach a file :-) there is no such an option on your thread editor!

I would like to have a RaDocumentPane without any Header. In the RadControls 2 it was enought o set  Header="", but with the version 3 the  controls leaves  a vertical space of about 20 pixels.

[Miroslav Nedyalkov]

Hello Andrea,

You cannot attach files in forum threads. You could open a support ticket and attach the file in it. 

I think I understand what you need to do. The described behavior was a bug that was fixed. The proper way to do this is to edit the ControlTemplate of the RadPaneGroup (in your case it is stored in the DocumentHostTemplate property) and to remove or hide the ItemsPresenter. Here is an example:

<telerikDocking:RadDocking>
            <telerikDocking:RadDocking.DocumentHost>
                <telerikDocking:RadSplitContainer>
                    <telerikDocking:RadPaneGroup>
                        <telerikDocking:RadPaneGroup.DocumentHostTemplate>
                            <ControlTemplate
                                        TargetType="telerikDocking:RadPaneGroup">
                                    <Grid>
                                    <Grid.Resources>
                                        <SolidColorBrush x:Key="PaneGroupDocumentHeaderbackground"
                                                Color="#f0f0f0" />
                                        <SolidColorBrush x:Key="PaneGroupHeaderForegroundUnfocused"
                                                Color="#434E54" />
                                        <telerik:BooleanToVisibilityConverter
                                                x:Key="BooleanToVisibilityConverter" />

                                        <SolidColorBrush x:Key="PaneGroupDocumentDarkerBorder"
                                                Color="#a0a0a0" />
                                        <SolidColorBrush x:Key="PaneGroupDocumentHighlight"
                                                Color="#FFFFFF" />
                                        <SolidColorBrush x:Key="PaneGroupDocumentColor"
                                                Color="#d5d9de" />

                                    </Grid.Resources>
                                        <VisualStateManager.VisualStateGroups>
                                            <VisualStateGroup x:Name="CommonStates">
                                                <VisualState x:Name="Disabled" />
                                                <VisualState x:Name="Normal" />
                                            </VisualStateGroup>
                                            <VisualStateGroup x:Name="ResizerStates">
                                                <VisualState x:Name="ResizerLeft">
                                                    <Storyboard>
                                                        <ObjectAnimationUsingKeyFrames
                                                                Storyboard.TargetName="DockResizer"
                                                                Storyboard.TargetProperty="Visibility"
                                                                Duration="0">
                                                            <DiscreteObjectKeyFrame KeyTime="0"
                                                                    Value="Visible" />
                                                        </ObjectAnimationUsingKeyFrames>
                                                        <ObjectAnimationUsingKeyFrames
                                                                Storyboard.TargetName="DockResizer"
                                                                Storyboard.TargetProperty="Width"
                                                                Duration="0">
                                                            <DiscreteObjectKeyFrame KeyTime="0"
                                                                    Value="4" />
                                                        </ObjectAnimationUsingKeyFrames>
                                                        <ObjectAnimationUsingKeyFrames
                                                                Storyboard.TargetName="border"
                                                                Storyboard.TargetProperty="Margin"
                                                                Duration="0">
                                                            <DiscreteObjectKeyFrame KeyTime="0"
                                                                    Value="4 0 0 0" />
                                                        </ObjectAnimationUsingKeyFrames>
                                                        <ObjectAnimationUsingKeyFrames
                                                                Storyboard.TargetName="ItemsPresenterElement"
                                                                Storyboard.TargetProperty="Margin"
                                                                Duration="0">
                                                            <DiscreteObjectKeyFrame KeyTime="0"
                                                                    Value="6 0 0 0" />
                                                        </ObjectAnimationUsingKeyFrames>
                                                    </Storyboard>
                                                </VisualState>
                                                <VisualState x:Name="ResizerTop">
                                                    <Storyboard>
                                                        <ObjectAnimationUsingKeyFrames
                                                                Storyboard.TargetName="DockResizer"
                                                                Storyboard.TargetProperty="Visibility"
                                                                Duration="0">
                                                            <DiscreteObjectKeyFrame KeyTime="0"
                                                                    Value="Visible" />
                                                        </ObjectAnimationUsingKeyFrames>
                                                        <ObjectAnimationUsingKeyFrames
                                                                Storyboard.TargetName="DockResizer"
                                                                Storyboard.TargetProperty="VerticalAlignment"
                                                                Duration="0">
                                                            <DiscreteObjectKeyFrame KeyTime="0"
                                                                    Value="Top" />
                                                        </ObjectAnimationUsingKeyFrames>
                                                        <ObjectAnimationUsingKeyFrames
                                                                Storyboard.TargetName="DockResizer"
                                                                Storyboard.TargetProperty="HorizontalAlignment"
                                                                Duration="0">
                                                            <DiscreteObjectKeyFrame KeyTime="0"
                                                                    Value="Stretch" />
                                                        </ObjectAnimationUsingKeyFrames>
                                                        <ObjectAnimationUsingKeyFrames
                                                                Storyboard.TargetName="DockResizer"
                                                                Storyboard.TargetProperty="Placement"
                                                                Duration="0">
                                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                                <DiscreteObjectKeyFrame.Value>
                                                                    <telerik:Dock>Top</telerik:Dock>
                                                                </DiscreteObjectKeyFrame.Value>
                                                            </DiscreteObjectKeyFrame>
                                                        </ObjectAnimationUsingKeyFrames>
                                                        <ObjectAnimationUsingKeyFrames
                                                                Storyboard.TargetName="DockResizer"
                                                                Storyboard.TargetProperty="Height"
                                                                Duration="0">
                                                            <DiscreteObjectKeyFrame KeyTime="0"
                                                                    Value="4" />
                                                        </ObjectAnimationUsingKeyFrames>
                                                        <ObjectAnimationUsingKeyFrames
                                                                Storyboard.TargetName="DockResizer"
                                                                Storyboard.TargetProperty="(Grid.RowSpan)"
                                                                Duration="0">
                                                            <DiscreteObjectKeyFrame KeyTime="0"
                                                                    Value="1" />
                                                        </ObjectAnimationUsingKeyFrames>
                                                        <ObjectAnimationUsingKeyFrames
                                                                Storyboard.TargetName="DockResizer"
                                                                Storyboard.TargetProperty="(Grid.Row)"
                                                                Duration="0">
                                                            <DiscreteObjectKeyFrame KeyTime="0"
                                                                    Value="0" />
                                                        </ObjectAnimationUsingKeyFrames>
                                                        <ObjectAnimationUsingKeyFrames
                                                                Storyboard.TargetName="ItemsPresenterElement"
                                                                Storyboard.TargetProperty="Margin"
                                                                Duration="0">
                                                            <DiscreteObjectKeyFrame KeyTime="0"
                                                                    Value="2 4 0 0" />
                                                        </ObjectAnimationUsingKeyFrames>
                                                    </Storyboard>
                                                </VisualState>
                                                <VisualState x:Name="HideResizer" />
                                            </VisualStateGroup>
                                        </VisualStateManager.VisualStateGroups>
                                        <Rectangle
                                                Fill="{StaticResource PaneGroupDocumentHeaderbackground}"
                                                Visibility="{TemplateBinding BackgroundVisibility}"
                                                HorizontalAlignment="Stretch"
                                                VerticalAlignment="Stretch" />

                                        <!--TabStrip-->
                                            <ItemsPresenter x:Name="ItemsPresenterElement" Visibility="Collapsed" />

                                        <!--Content-->
                                        <Border x:Name="border" BorderThickness="1"
                                                BorderBrush="{StaticResource PaneGroupDocumentDarkerBorder}"
                                                CornerRadius="3">
                                            <Border BorderThickness="1"
                                                    BorderBrush="{StaticResource PaneGroupDocumentHighlight}"
                                                    CornerRadius="2"
                                                    Background="{StaticResource PaneGroupDocumentColor}">
                                                <Border
                                                        BorderBrush="{StaticResource PaneGroupDocumentDarkerBorder}"
                                                        Margin="2"
                                                        Padding="{TemplateBinding Padding}"
                                                        BorderThickness="1"
                                                        Background="{TemplateBinding Background}">
                                                    <ContentPresenter x:Name="ContentElement"
                                                            Content="{TemplateBinding SelectedContent}"
                                                            ContentTemplate="{TemplateBinding SelectedContentTemplate}" />
                                                </Border>
                                            </Border>
                                        </Border>

                                        <dock:RadGridResizer x:Name="DockResizer" Placement="Left"
                                                ShowsPreview="True" Visibility="Collapsed"
                                                VerticalAlignment="Stretch"
                                                HorizontalAlignment="Left" />
                                    </Grid>
                                </ControlTemplate>
                        </telerikDocking:RadPaneGroup.DocumentHostTemplate>
                        <telerikDocking:RadPane>
                            <Button Content="ASDf" />
                        </telerikDocking:RadPane>
                    </telerikDocking:RadPaneGroup>
                </telerikDocking:RadSplitContainer>
            </telerikDocking:RadDocking.DocumentHost>
        </telerikDocking:RadDocking>

Regards,
Miroslav Nedyalkov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.