BalloonPopupExtender using Ajax Controls

So, Code for Password Strength Indicator looks like this:

<Ajax:BalloonPopupExtender ID="BalloonPopupExtender1" runat="server" BalloonPopupControlID="Panel1" BalloonSize="Small" BalloonStyle="Cloud"UseShadow="true" DisplayOnClick="true" DisplayOnFocus="false" DisplayOnMouseOver="true" TargetControlID="TextBox1" Position="BottomRight">
</Ajax:BalloonPopupExtender>

And Complete Source Code looks like this:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Balloon_Pop_Up.WebForm1" %>
 
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="Ajax" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title
>
</head>
<
body>
    <form id="form1" runat="server">
    <div>
    <center>
        <Ajax:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
        </Ajax:ToolkitScriptManager>
 
    <i>TextBox:</i> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    </center>
        <asp:Panel ID="Panel1" runat="server">
         <b>Hey I am simple TextBox with BallonPopup</b>
        </asp:Panel>
    <div>
        <Ajax:BalloonPopupExtender ID="BalloonPopupExtender1" runat="server" BalloonPopupControlID="Panel1" BalloonSize="Small"BalloonStyle="Cloud" UseShadow="true" DisplayOnClick="true" DisplayOnFocus="false" DisplayOnMouseOver="true" TargetControlID="TextBox1"Position="BottomRight">
        </Ajax:BalloonPopupExtender>
    </div>
    </div>
   
    </form
>
</body>
</
html>

Output of this program:

BallonPopup.png

I Hope This Article is Useful for You...I look forward for your comments and feedback..Thanks Vijay Prativadiv

Ebook Download
View all
Learn
View all
MVC Corporation is consulting and IT services based company.