title: VisualStateManager in user control
body: <p>I design an application for <strong>Windows RT</strong>. I used <code>VisualStateManager</code> for snapped in a <em>user control</em>. but when my application snapped the user control is not changed. where is the problem?</p>
  
  <p></p>
  
  <pre><code>&lt;Grid  Width="500" Height="40" Margin="15" x:Name="questionRoot" Background="DarkSeaGreen"&gt;
  
      &lt;StackPanel Orientation="Horizontal" HorizontalAlignment="Center" &gt;
  
          &lt;TextBlock x:Name="OrginalWord" FontSize="32" Text="{Binding Question.OrginalWord}"&gt;&lt;/TextBlock&gt;
  
      &lt;/StackPanel&gt;
      &lt;VisualStateManager.VisualStateGroups&gt;
  
          &lt;!-- Visual states reflect the application's view state --&gt;
          &lt;VisualStateGroup x:Name="ApplicationViewStates"&gt;
              &lt;VisualState x:Name="FullScreenLandscape"/&gt;
              &lt;VisualState x:Name="Filled"/&gt;
  
              &lt;!-- The entire page respects the narrower 100-pixel margin convention for portrait --&gt;
              &lt;VisualState x:Name="FullScreenPortrait"/&gt;
              &lt;!--
                  The back button and title have different styles when snapped, and the list representation is substituted
                  for the grid displayed in all other view states
              --&gt;
              &lt;VisualState x:Name="Snapped"&gt;
                  &lt;Storyboard&gt;
  
                      &lt;ObjectAnimationUsingKeyFrames Storyboard.TargetName="OrginalWord" Storyboard.TargetProperty="FontSize"&gt;
                          &lt;DiscreteObjectKeyFrame KeyTime="0" Value="88"/&gt;
                      &lt;/ObjectAnimationUsingKeyFrames&gt;
  
  
  
                  &lt;/Storyboard&gt;
              &lt;/VisualState&gt;
          &lt;/VisualStateGroup&gt;
      &lt;/VisualStateManager.VisualStateGroups&gt;
  &lt;/Grid&gt;
  </code></pre>
  
  <p></p>