How to add Ajax Watermark Extender in Apsnet

Hi Friends I would like to explain All the Ajax Toolkit Extenders from this  I am going to explain the Watermark Extender
Before to use the Watermark Extender why we have to use Watermark Extender, the main purpose is it displays the watermark text on the Textbox control .so user can  easily understands what we  have to enter in that textbox

so lets start the how to use Watermark Extender. I already explained about how to integrate Ajax Toolkit to our Asp net application. if you have any doubt regarding integration just click here

So open your first ASP net application and open anyone one of your (.apsx) page.

Here you’re going to integrate Watermark Extender.

Here, I would like to add Watermark Extender to my registration page.

First, Open the source page of Registration page and these two lines otherwise your Ajax will not work.

<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="cc1" %>

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

Next, open the design page of Registration form and add watermark extender for calendar textbox

So op

Just click on Textbox and click on the Add Extender

 

Next, select the Validation Callout Extender from the dialogue box and click ok button

 

Next finally, set the properties of watermark extender

Now code the will be look like this

<asp:TextBox ID="txt_DOB" runat="server" Width="130px"></asp:TextBox>

                <cc1:TextBoxWatermarkExtender ID="txt_DOB_TextBoxWatermarkExtender"

                    runat="server" Enabled="True" TargetControlID="txt_DOB"

                    WatermarkCssClass="watermarked" WatermarkText="dd/mm/yyyy">

                </cc1:TextBoxWatermarkExtender>

                <cc1:CalendarExtender ID="txt_DOB_CalendarExtender" runat="server"

                    Enabled="True" TargetControlID="txt_DOB">

                </cc1:CalendarExtender>

And finally the output will  be look like this

 That’s it Friends……

About the Author

Sayyad is a Software Engineer, Blogger and Founder of Developers Code from India.His articles mainly focus on .Net (Web and Windows based applications), Mobile Technologies (Android,IPhone,BlackBerry) and SEO.

Reach Him :

Google+

Facebook

Twitter

Pinterest