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: I Hope This Article is Useful for You...I look forward for your comments and feedback..Thanks Vijay Prativadiv
You need to be a premium member to use this feature. To access it, you'll have to upgrade your membership.
Become a sharper developer and jumpstart your career.
$0
$
. 00
monthly
For Basic members:
$20
For Premium members:
$45
For Elite members: