title: MahApps.Metro AnimatedSingleRowTabControl doesn't work
body: <p>For some reason my Tab Control doesn't seem to work as described.</p>
  
  <p>Instead of seeing this (From Mahapps site)
  <a href="https://i.stack.imgur.com/SF7Q2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SF7Q2.png" alt="enter image description here"></a></p>
  
  <p>I see this
  <a href="https://i.stack.imgur.com/QnUQ3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QnUQ3.png" alt="enter image description here"></a></p>
  
  <p>I have tried fiddling with every single property to try to get the scroll bar to go away and to have left/right scroll buttons as shown in the example, but absolutely nothing works.</p>
  
  <p>What am I missing?</p>
  
  <p><strong>EDIT: - Added my XAML</strong></p>
  
  <pre><code>        &lt;Controls:MetroAnimatedSingleRowTabControl Controls:TabControlHelper.IsUnderlined="True" Margin="5" ScrollViewer.PanningMode="Both" ScrollViewer.CanContentScroll="False" ScrollViewer.HorizontalScrollBarVisibility="Hidden"&gt;
              &lt;Controls:MetroTabItem Header="Thread Image Download"&gt;
  
              &lt;/Controls:MetroTabItem&gt;
              &lt;Controls:MetroTabItem Header="Random Board Stats"&gt;
  
              &lt;/Controls:MetroTabItem&gt;
          &lt;/Controls:MetroAnimatedSingleRowTabControl&gt;
  </code></pre>