Using Atlas TextBoxWatermark Extender to get "watermark" behavior

Hi

TextBoxWatermark is an "Atlas" extender that can be attached to an ASP.NET TextBox control to get "watermark" behavior. We can also add custom CSS and a message in the textbox when the textbox is empty. And the Watermarks go away once a user has typed in some text in the textbox. The textbox extender can we used efficiently when we want to show user some more information on what this textbox is for without cluttering up the rest of the page.

The code to use the TextBoxWatermark Extender looks like this.

<atlasToolkit:TextBoxWatermarkExtender ID="TBWE2" 
   
runat="server">
   
<atlasToolkit:TextBoxWatermarkProperties
       
TargetControlID="TextBox1"
       
WatermarkText="Type First Name Here"
       
WatermarkCssClass="watermarked" />
</atlasToolkit:TextBoxWatermarkExtender>

Here TargetControlID  is the Id of the Textbox to put the watermark. The WatermarkText is the text to be shown when the textbox is empty, WatermarkCssClass is the css class to apply when the textbox is empty.

I have already put the water mark in the feedback form and contact me form.

Hope this helps
Thanks
Vikram


Share this post   Email it |  digg it! |  reddit! |  bookmark it!

Feedback

Please post your comments:

Name:  
Email (optional): Your email address will not be posted.
URL (optional):
Comments: HTML will be ignored, URLs will be converted to hyperlinks  
Enter the text you see in the box:
 
Copyright © 2006 - 2009 Vikram Lakhotia