Control Styling Tips: TextBox

In this article, I’d like to provide you with some information and tips that you’ll find useful when styling a Silverlight 3 TextBox.

Visual states. CommonStates (Normal, MouseOver, Disabled and ReadOnly), FocusStates (Unfocused and Focused) and ValidationStates (Valid, InvalidUnfocused and InvalidFocused).

Template parts. ContentElement (FrameworkElement)

Try template binding: Background, BorderBrush, Foreground, BorderThickness or Padding.

Here’s some artwork you might want to try turning into a TextBox:


The XAML that resembles the artwork is:

<Grid Height=20 Width=120>
      <Rectangle Fill=#FF333333 RadiusX=5 RadiusY=5/>
      <TextBlock Margin=5,0 Foreground=White Text=Lorem VerticalAlignment=Center/>

To create a real TextBox, select [Grid] and click Tools > Make Into Control > TextBox > OK. After you have done this, you should now have a working TextBox!

– Steve

Comments (0)