title: navigation transitions - windows phone toolkit
body: <p>I'm developing a windows phone 8.1 silverlight app and I want to provide simple navigation transitions between my pages.</p>
  
  <p>I found Windows Phone Toolkit on the Nuget. Unfortunately navigation transitions from the transition service just don't work. What am I doing wrong? (I'm using Caliburn Micro as mvvm framework)</p>
  
  <p><strong>Bootstrapper.cs</strong></p>
  
  <pre><code>public sealed class Bootstrapper : PhoneBootstrapperBase
      {
          public PhoneContainer Container { get; set; }
  
          public Bootstrapper()
          {
              StartRuntime();
          }
  
          protected override void Configure()
          {
  
              Container = new PhoneContainer();
  
              Container.RegisterPhoneServices(RootFrame);
              Container.Singleton&lt;MainViewModel&gt;()
  
              AddCustomConventions();
          }
  
          static void AddCustomConventions()
          {
              //ellided  
          }
  
          protected override object GetInstance(Type service, string key)
          {
              return Container.GetInstance(service, key);
          }
  
          protected override IEnumerable&lt;object&gt; GetAllInstances(Type service)
          {
              return Container.GetAllInstances(service);
          }
  
          protected override void BuildUp(object instance)
          {
              Container.BuildUp(instance);
          }
  
          protected override PhoneApplicationFrame CreatePhoneApplicationFrame()
          {
              return new TransitionFrame();
          }
  
  
      }
  </code></pre>
  
  <p><strong>MainView.xaml</strong></p>
  
  <pre><code>...
  xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
  ...
  
  &lt;Grid x:Name="LayoutRoot"&gt;
          &lt;toolkit:TransitionService.NavigationInTransition&gt;
              &lt;toolkit:NavigationInTransition&gt;
                  &lt;toolkit:NavigationInTransition.Backward&gt;
                      &lt;toolkit:TurnstileTransition Mode="BackwardIn"/&gt;
                  &lt;/toolkit:NavigationInTransition.Backward&gt;
                  &lt;toolkit:NavigationInTransition.Forward&gt;
                      &lt;toolkit:TurnstileTransition Mode="ForwardIn"/&gt;
                  &lt;/toolkit:NavigationInTransition.Forward&gt;
              &lt;/toolkit:NavigationInTransition&gt;
          &lt;/toolkit:TransitionService.NavigationInTransition&gt;
          &lt;toolkit:TransitionService.NavigationOutTransition&gt;
              &lt;toolkit:NavigationOutTransition&gt;
                  &lt;toolkit:NavigationOutTransition.Backward&gt;
                      &lt;toolkit:TurnstileTransition Mode="BackwardOut"/&gt;
                  &lt;/toolkit:NavigationOutTransition.Backward&gt;
                  &lt;toolkit:NavigationOutTransition.Forward&gt;
                      &lt;toolkit:TurnstileTransition Mode="ForwardOut"/&gt;
                  &lt;/toolkit:NavigationOutTransition.Forward&gt;
              &lt;/toolkit:NavigationOutTransition&gt;
          &lt;/toolkit:TransitionService.NavigationOutTransition&gt;
  
          &lt;Grid.RowDefinitions&gt;
              &lt;RowDefinition Height="Auto"/&gt;
              &lt;RowDefinition Height="*"/&gt;
          &lt;/Grid.RowDefinitions&gt;
  
          ...
  
      &lt;/Grid&gt;
  </code></pre>
  
  <p><strong>App.xaml.cs</strong></p>
  
  <pre><code>public sealed partial class App : Application
      {
          public static PhoneApplicationFrame RootFrame { get; private set; }
  
          public App()
          {
              InitializeComponent();
  
              if (!Debugger.IsAttached) return;
              Application.Current.Host.Settings.EnableFrameRateCounter = false;
  
              PhoneApplicationService.Current.UserIdleDetectionMode = IdleDetectionMode.Disabled;
  
          }
      }
  </code></pre>
  
  <p>Alternatively, what is the other method for providing navigation transitions in the windows phone SL 8.1 app ?</p>