Home/ Questions/Q 290129
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-12T05:58:10+00:00

I have a grid in a WPF window, and that contains a label in

  • 0

I have a grid in a WPF window, and that contains a label in its first column. I have applied a SkewTransform for the label. If I reduce the column width the label is displayed half

Screenshot

alt text http://freephotoupload.net/images/673_Lable.jpg

I’m expecting it to display Prashant, my main aim is to reduce extra white space next to the label

XAML Code 

    <Grid ShowGridLines="True">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="146.334" />
                <ColumnDefinition Width="94.666" />
            </Grid.ColumnDefinitions>
            <Label Margin="0" VerticalAlignment="Center" Width="Auto" Name="label1" RenderTransformOrigin="0.5,0.5" Content="Prashant">
                <Label.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform ScaleX="1" ScaleY="1"/>
                        <SkewTransform AngleX="0" AngleY="0"/>
                        <RotateTransform Angle="-90"/>
                        <TranslateTransform X="0" Y="0"/>
                    </TransformGroup>
                </Label.RenderTransform>
    </Label>
</Grid>

any suggestions Please….

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Do a LayoutTransform instead of a RenderTransform.

    In WPF, RenderTransforms are performed on controls after they have been laid out.

    In your case, the Label is being cut short by the width of the column, first; then, the RenderTransform is applied (the rotate is the only one that does anything), resulting it the odd-looking Label.

    A LayoutTransform is done before a control is laid out.

    Like this:

    <Grid ShowGridLines="True">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*" />
        <ColumnDefinition Width="146.334" />
        <ColumnDefinition Width="94.666" />
    </Grid.ColumnDefinitions>
    <Label 
        Name="label1" 
        Content="Prashant"
        Margin="0"  
        Width="Auto" 
        VerticalAlignment="Center"
        RenderTransformOrigin="0.5,0.5">
        <Label.LayoutTransform>
            <TransformGroup>
                <ScaleTransform ScaleX="1" ScaleY="1"/>
                <SkewTransform AngleX="0" AngleY="0"/>
                <RotateTransform Angle="-90"/>
                <TranslateTransform X="0" Y="0"/>
            </TransformGroup>
        </Label.LayoutTransform>
    </Label>
</Grid>
    • 0