title: Vertical Text in UWP apps with XAML
body: <p>I want to write text vertically inside of a border element. As shown in this picture.</p>
  
  <p><a href="https://i.stack.imgur.com/h7IqL.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/h7IqL.jpg" alt="Vertical Text"></a></p>
  
  <p>I've tried using RenderTransform with this code</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;Border Width="80"
          Background="Teal"&gt;
    &lt;TextBlock Text="CATEGORIES"
               Foreground="White"
               FontFamily="Segoe UI Black"
               FontSize="30"&gt;
      &lt;TextBlock.RenderTransform&gt;
        &lt;RotateTransform Angle="-90" /&gt;
      &lt;/TextBlock.RenderTransform&gt;
    &lt;/TextBlock&gt;
  &lt;/Border&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>This rotates the text vertically but the TextBlock takes the old values of height and width before Transform and doesn't display the text completely. So the text is cut off after 80 pixels (width of the border element). While searching I found using LayoutTransform can solve the problem but it is not available in UWP apps. How to do this in UWP XAML?</p>