Windows 8 style App Bar in RadPanel

[Richard Harrigan]

Hi,

I am trying to put what I am calling an app bar in a RadPane (see xaml) with limited success.

I want the app bar initially hidden but it it appears even though the RadPane is set to hidden.  If I set it to hidden in the window_loaded event that also does not hide the RadPane. When I mouse click on the RadPane header and then set visibility it works accordingly, What I am trying to do is when the user clicks on the RadPane header the code-behind will display the app bar.  By clicking on the RadPane header again the app bar will hide (Or a button in the app bar is pressed).  This seems to work OK except for the initial problem with not hiding the RadPane.  The other problem I am having is when  the app bar is hidden the TreeView control does not use the space of the hidden app bar.  The other feature that would be nice to have is an animation effect that slides the RadPane uo or down when displayed or hidden,  This is inside the RadDocking.

Thanks
Rich.

     <telerik:RadPaneGroup< telerik:ProportionalStackPanel.RelativeSize="75,25">
                        <telerik:RadPane Name="AvailableTables" 
                                     ContextMenuTemplate="{x:Null}"
                                     CanUserClose="False" CanFloat="False" CanUserPin="False">
                            <telerik:RadPane.TitleTemplate>
                                <DataTemplate>
                                    <TextBlock Text="Available Tables" MouseDown="AvailableColumnsHeader_MouseDown"/>
                                </DataTemplate>
                            </telerik:RadPane.TitleTemplate>
                            <Grid>
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="Auto"/>
                                    <RowDefinition Height="Auto"/>
                                </Grid.RowDefinitions>
                                
                                <telerik:RadPaneGroup Name="AvailableColumnsAppBarGroup" Background="LightGray">
                                    <telerik:RadPane  Name="AvailableColumnsAppBar" Height="32"  PaneHeaderVisibility="Collapsed" Visibility="Hidden">
                                        <WrapPanel HorizontalAlignment="Left" >
                                            <telerik:RadToggleButton Name="btnLocked"  IsChecked="False" IsThreeState="False" Height="30"
                                                         Margin="4,3,2,2" Content="Locked" Width="50" ></telerik:RadToggleButton>
                                       </WrapPanel>
                                    </telerik:RadPane>
                                </telerik:RadPaneGroup>
                                
                                <telerik:RadTreeView  Name="tvAvailableTables"
                                              Grid.Row="1"
                                                  SelectionChanged="tvAvailableTables_SelectionChanged"
                                                  SelectionMode="Multiple"
                                                  ScrollViewer.VerticalScrollBarVisibility="Auto" 
                                                  ScrollViewer.HorizontalScrollBarVisibility="Auto">
                                </telerik:RadTreeView>
                            </Grid>
                        </telerik:RadPane>
                    </telerik:RadPaneGroup>

[George]

Hi Richard,

 
Can you share more information about the given scenario? If you could send us a ticket with attached sample project it will shed some light on the problem.

Please, note that placing a RadPaneGroup within a RadPane is not a supported scenario - it must be placed into a RadSplitContainer. Here you can find useful information about the RadDocking layout - http://www.telerik.com/help/wpf/raddocking-getting-started2.html

Regards,
George
the Telerik team