Windows 8 style App Bar in RadPanel

2 posts, 0 answers
  1. Richard Harrigan
    Richard Harrigan avatar
    235 posts
    Member since:
    Nov 2009

    Posted 23 Mar 2013 Link to this post

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

    Posted 27 Mar 2013 Link to this post

    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

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  3. UI for WPF is Visual Studio 2017 Ready
Back to Top