Animation when hiding pane

6 posts, 0 answers
  1. Lennart Bauer
    Lennart Bauer avatar
    22 posts
    Member since:
    Oct 2009

    Posted 17 May 2010 Link to this post

    Hi!

    I am using the "IsHidden" property to hide RadPanes in my WPF application.
    This works fine.

    What I want to do is to animate the "hiding/showing" of the panes. Is this possible?

    Regards,
    Lennart
  2. Miroslav Nedyalkov
    Admin
    Miroslav Nedyalkov avatar
    1718 posts

    Posted 20 May 2010 Link to this post

    Hi Lennart,

     What do you mean by hiding/showing of panes? Do you mean the pane tabs or the whole group or the content of the group when the selected pane is changes? An image or video could be very helpful to understand what you exactly want to animate.

    Best wishes,
    Miroslav Nedyalkov
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  3. UI for WPF is Visual Studio 2017 Ready
  4. Lennart Bauer
    Lennart Bauer avatar
    22 posts
    Member since:
    Oct 2009

    Posted 24 May 2010 Link to this post

    Hi!

    It's hard to show in pictures, but here is some code that will show you what I mean:

    <

     

     

    Window x:Class="DockTest.MainWindow"

     

     

     

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

     

     

     

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

     

     

     

    xmlns:telerikDocking="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Docking"

     

     

     

     

    Title="MainWindow" Height="350" Width="525">

     

     

     

     

     

    <Grid>

     

     

     

     

    <Grid.RowDefinitions>

     

     

     

     

    <RowDefinition/>

     

     

     

     

    <RowDefinition Height="Auto"/>

     

     

     

     

    </Grid.RowDefinitions>

     

     

     

     

    <telerikDocking:RadDocking Grid.Row="0">

     

     

     

     

    <telerikDocking:RadSplitContainer Orientation="Horizontal">

     

     

     

     

    <telerikDocking:RadPaneGroup>

     

     

     

     

    <telerikDocking:RadPane x:Name="Pane1" Header="Pane 1" PaneHeaderVisibility="Collapsed">

     

     

     

     

    <TextBox>Pane 1</TextBox>

     

     

     

     

    </telerikDocking:RadPane>

     

     

     

     

    </telerikDocking:RadPaneGroup>

     

     

     

     

    </telerikDocking:RadSplitContainer>

     

     

     

     

    <telerikDocking:RadSplitContainer Orientation="Horizontal">

     

     

     

     

    <telerikDocking:RadPaneGroup>

     

     

     

     

    <telerikDocking:RadPane x:Name="Pane2" Header="Pane 2" PaneHeaderVisibility="Collapsed">

     

     

     

     

    <TextBox>Pane 2</TextBox>

     

     

     

     

    </telerikDocking:RadPane>

     

     

     

     

    </telerikDocking:RadPaneGroup>

     

     

     

     

    </telerikDocking:RadSplitContainer>

     

     

     

     

    </telerikDocking:RadDocking>

     

     

     

     

     

    <Grid Grid.Row="1">

     

     

     

     

    <Grid.ColumnDefinitions>

     

     

     

     

    <ColumnDefinition/>

     

     

     

     

    <ColumnDefinition/>

     

     

     

     

    </Grid.ColumnDefinitions>

     

     

     

     

    <Button Grid.Column="0" x:Name="Button1" Click="Button1_click">Hide Pane 1</Button>

     

     

     

     

    <Button Grid.Column="1" x:Name="Button2" Click="Button2_click">Hide Pane 2</Button>

     

     

     

     

     

    <x:Code><![CDATA[

     

    void Button2_click(object sender, RoutedEventArgs e) {

    if (Pane2.IsHidden)

    {

    Pane2.IsHidden = false;

    Button2.Content = "Hide Pane 2";

    }

    else

    {

    Pane2.IsHidden = true;

    Button2.Content = "Show Pane 2";

    }

    }

    void Button1_click(object sender, RoutedEventArgs e) {

    if (Pane1.IsHidden)

    {

    Pane1.IsHidden = false;

    Button1.Content = "Hide Pane 1";

    }

    else

    {

    Pane1.IsHidden = true;

    Button1.Content = "Show Pane 1";

    }

    }

    ]]>

     

     

    </x:Code>

     

     

     

     

    </Grid>

     

     

     

     

    </Grid>

     

    </

     

     

    Window>

     

  5. Hristo
    Admin
    Hristo avatar
    832 posts

    Posted 28 May 2010 Link to this post

    Hi Lennart Bauer,

    I'm sorry for the late response.
    In order to animate the collapse you should use IsPinned property instead of IsHidden.

    Let us know if you need more information.

    All the best,
    Hristo
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  6. Lennart Bauer
    Lennart Bauer avatar
    22 posts
    Member since:
    Oct 2009

    Posted 28 May 2010 Link to this post

    Thanks!

    But I don't want to show the Auto-Hide area. How do I hide it? (pun not intended)
  7. Miroslav Nedyalkov
    Admin
    Miroslav Nedyalkov avatar
    1718 posts

    Posted 02 Jun 2010 Link to this post

    Hi Lennart,

     Now I understand - you want to animate showing-hiding of groups (when there is only one pane in a group, hiding the pane is equal to hiding the group). Unfortunately this is not supported by the Docking control. What I could suggest you is try to use the FluidMoveBehavior from the Blend library - it might help you achieve what you need.

    Kind regards,
    Miroslav Nedyalkov
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
Back to Top
UI for WPF is Visual Studio 2017 Ready