How do I rotate a element from the center?

[Omega596]

Title

[morning4coffe-dev]

Hey @Omega596,

You can do this by setting the RenderTransformOrigin and changing the RenderTransform of the element. Here is an example:

<Border Background="Red"
        Width="110"
        Height="110"
        Margin="0,20"
        RenderTransformOrigin="0.5,0.5">
   <Border.RenderTransform>
      <RotateTransform Angle="150" />
   </Border.RenderTransform>
   <TextBlock Text="Rotate"
              Foreground="White"
              FontWeight="Bold"
              HorizontalAlignment="Center"
              VerticalAlignment="Center" />
</Border>

You can also find a sample here: https://gallery.platform.uno/ > UI features > Transforms. I hope this helps.