Friday 6 December 2013

Ajax BalloonPopupExtender in asp.net

Output:




Aspx Page :



<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<!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">
    <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
    </asp:ToolkitScriptManager>
    <div>
         <asp:TextBox ID="MessageTextBox" runat="server" Width="200" autocomplete="off" />
        <br />
        <br />
        <asp:Panel ID="Panel2" runat="server">
            This Balloon Popup uses the Cloud style.
        </asp:Panel>
        <asp:BalloonPopupExtender ID="PopupControlExtender2" runat="server" TargetControlID="MessageTextBox"
            BalloonPopupControlID="Panel2" Position="BottomRight" BalloonStyle="Rectangle" BalloonSize="Small"
            UseShadow="true" DisplayOnClick="true" DisplayOnFocus="true" />
    </div>
    <br />
    <br /><br />

     <asp:TextBox ID="TextBox1" runat="server" Width="200" autocomplete="off" />
        <br />
        <br />
        <asp:Panel ID="Panel1" runat="server">
            This Balloon Popup uses the Cloud style.
        </asp:Panel>
        <asp:BalloonPopupExtender ID="BalloonPopupExtender1" runat="server" TargetControlID="TextBox1"
            BalloonPopupControlID="Panel1" Position="BottomRight" BalloonStyle="Cloud" BalloonSize="Small"
            UseShadow="true" DisplayOnClick="true" DisplayOnFocus="true" />
    </form>
</body>
</html>

No comments:

Post a Comment