title: How to apply turnstile effect for each UI element in a page
body: <p>When the application starts, I have a splashscreen after which the mainpage.xaml is loaded. The Mainpage has a lot of UI elements such as buttons and textblocks. It takes about a second or two to load this so I thought some animation could fill in the gap. Else it might look a bit awkward.</p>
  
  <p>Windows phone native application such as the messages, uses some default animation when the page opens right, the pivot headers swivels in then followed by the other UI, the door opening kind of thing. After a bit of researchin I found that they are the default fault turnstile animations.</p>
  
  <pre><code>    &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;
  </code></pre>
  
  <p>So I have put in the above code just above the <code>&lt;/phone:PhoneApplicationPage&gt;</code> tag of the MainPage. But the elements of the page do not have the turnstile animation, how can i apply it to the other UI elements in the page?? Could someone  guide me on this?</p>
  
  <p>Alfah</p>