Hire a web Developer and Designer to upgrade and boost your online presence with cutting edge Technologies

Friday, September 30, 2011

Silverlight TextBox Watermark

The Silverlight TextBox does have a Watermark property, but Microsoft says “Do not use in a Silverlight 4 application” HERE.    So I looked into making one myself and it didn’t take much to do it.
I just wanted the text box below to show the text “Search” in a grayed out way.
image
To do this it is just setting the forground color.
"tbxSearch" Width="120" Text="Search" Foreground="#5A000000" 
VerticalAlignment="Center" GotFocus="tbxSearch_GotFocus" />

I also wanted to reset the text to the normal color and to clear the text box when the user gave it focus.  Simple enough. If you notice above, the GotFocus event is wired up to the following method:
private void tbxSearch_GotFocus(object sender, RoutedEventArgs e)
{
if (((SolidColorBrush)tbxSearch.Foreground).Color != Colors.Black)
{
tbxSearch.Text = "";
((SolidColorBrush)tbxSearch.Foreground).Color = Colors.Black;
}
}
So that is it except that this should be made into a user control.

No comments:

Post a Comment