Edit RadPaneGroup Template Problem

11 posts, 1 answers
  1. James
    James avatar
    136 posts
    Member since:
    Nov 2008

    Posted 14 Aug 2009 Link to this post

    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.
  2. Kaloyan
    Admin
    Kaloyan avatar
    920 posts

    Posted 19 Aug 2009 Link to this post

    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.
  3. DevCraft banner
  4. James
    James avatar
    136 posts
    Member since:
    Nov 2008

    Posted 20 Aug 2009 Link to this post

    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.
  5. Kaloyan
    Admin
    Kaloyan avatar
    920 posts

    Posted 20 Aug 2009 Link to this post

    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.
  6. James
    James avatar
    136 posts
    Member since:
    Nov 2008

    Posted 21 Aug 2009 Link to this post

    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>

  7. Answer
    Kaloyan
    Admin
    Kaloyan avatar
    920 posts

    Posted 25 Aug 2009 Link to this post

    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.
  8. James
    James avatar
    136 posts
    Member since:
    Nov 2008

    Posted 25 Aug 2009 Link to this post

    Thanks.
  9. andrea bellagamba
    andrea  bellagamba avatar
    43 posts
    Member since:
    Jul 2009

    Posted 28 Sep 2009 Link to this post

    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>
  10. Miroslav Nedyalkov
    Admin
    Miroslav Nedyalkov avatar
    1718 posts

    Posted 29 Sep 2009 Link to this post

    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.
  11. andrea bellagamba
    andrea  bellagamba avatar
    43 posts
    Member since:
    Jul 2009

    Posted 29 Sep 2009 Link to this post

    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.
  12. Miroslav Nedyalkov
    Admin
    Miroslav Nedyalkov avatar
    1718 posts

    Posted 30 Sep 2009 Link to this post

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