Silverlight: TextBox VerticalContentAlignment=”Center”

silverlightxaml

I'm trying to vertically center the content of a TextBox with the VerticalContentAlignment property but it seems to have no effect at all. The text stays at the top. Can anyone tell me how to do this?

Here's my code:

<TextBox Grid.Column="1"
     Grid.Row="0"
     Width="200"
     Height="28"
     VerticalAlignment="Center"
     VerticalContentAlignment="Center" />

Best Answer

It is possible to make the TextBox center its text vertically. However, that does require you to reapply its ControlTemplate.

To do this:

Copy the Style and the ControlTemplate from the TextBox Styles and Templates page on MSDN to a suitable <UserControl.Resources> element. (This ControlTemplate is actually for a validation tooltip; the ControlTemplate we'll change is within the Style.)
Find the ScrollViewer element within the Style for the TextBox, and add a VerticalAlignment="Center" property to it.

Alternatively, you could add the property

VerticalAlignment="{TemplateBinding VerticalContentAlignment}"

to the ScrollViewer. This should allow you to set the vertical alignment of the contents of your TextBoxes using the VerticalContentAlignment property.

You can follow much the same approach if you wish to change the horizontal alignment of a TextBox's content as well.

Related Solutions

Silverlight Binding Textbox Text property to public property of UserControl Problem

It's probably not a good idea to fiddle around with DataContext when binding elements in a Usercontrol with properties of the that UserControl. Instead direct the binding to the UserControl via the ElementName property of Binding, like this:-

<TextBox Text="{Binding Parent.SelectedTopicDescription, ElementName=LayoutRoot, Mode=TwoWay}" />

This uses the fact that the Content element in the user control is has the name "LayoutRoot" and that in turn being a FrameworkElement has a Parent property which will be the UserControl.

C# – Stretching not applying in a WPF templated Button

This should do the trick.

<ControlTemplate TargetType="{x:Type Button}" x:Key="BoutonGris">
    <Button  Foreground="White" BorderBrush="Transparent" 
             HorizontalAlignment="Stretch" VerticalAlignment="Stretch" 
             HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch" >
        <Button.Content>
            <!-- A lot of your code -->
        </Button.Content>
        <!-- A lot of your code -->
    </Button>
</ControlTemplate>

One question, why do you have a Button in your ControlTemplate for a Button? Usually, I would expect simple controls like Border etc here, because you want to reimplement the visual appearance.

Edit

One of the ContentPresenter should be declared like this.

<ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>

I'm not sure which one. But you can try both. ;o)

Best Answer

Related Solutions

Silverlight Binding Textbox Text property to public property of UserControl Problem

C# – Stretching not applying in a WPF templated Button

Related Topic