PaneThemeTransition For Pane Exit

Question

I have a popup control with a PaneThemeTransition. When I set Popup.isVisible to true it animates in nicely. However, when I set Popup.isVisible to false it just disappears. I am trying to achieve the effect of the charm bar as it animates in and animates out. How is this possible? Thanks.

Answer 1

How are you calling it?

Have you looked at the Popup sample

For the charm bar effect see Animating edge-based UI . For Popups see Animating pop-up UI?

Answer 2

Hi, I'm calling it like this just to test the behavior:

<Popup x:Name="abc" IsOpen="True">
            <Popup.ChildTransitions>
                <TransitionCollection>
                    <PaneThemeTransition />
                </TransitionCollection>
            </Popup.ChildTransitions>
            <Grid Background="AliceBlue" Width="700" Height="100" />
</Popup>

This is placed in the main page grid. I toggle the IsOpen property with a button. When I toggle it to on it animates, but when I toggle it off it just disappears.

I have tried to view the Popup sample, but the page says the item is not yet published.

Answer 3

have you tried replacing Popup.IsVisible = "False" with Popup.IsOpen="False"?