Hello Everyone,
<div class="comment-right-col">I have one ajax popup inside user control(i.e. .ascx) and one master page. In master mage having on "addnew" image button.
so my question is how to call ajax pop through image button.
This is my code
User Control.....
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="SearchData.ascx.cs" Inherits="SearchBtn.SearchData" %>
<asp:ScriptManager ID="ScriptManager" runat="server" EnablePartialRendering="true" />
<asp:UpdatePanel ID="upnlUsers" runat="server">
<ContentTemplate>
</ContentTemplate>
</asp:UpdatePanel>
<div>
<asp:Button ID="btnAdd" runat="server" Text="Add New Role"
OnClick="btnAdd_Click" />
</div>
<!— GridView code HTML to show users -->
<asp:GridView ID="gvUsers" runat="server"
AutoGenerateColumns="false"
Width="100%"
CssClass="grid"
GridLines="none"
DataKeyNames="UserID"
EmptyDataText="No record found!"
EmptyDataRowStyle-CssClass="gvEmpty">
<Columns>
<asp:BoundField HeaderText="ID" DataField="UserID" />
<asp:BoundField HeaderText="User Name" DataField="UserName" />
<asp:BoundField HeaderText="Address" DataField="Address" />
<asp:BoundField HeaderText="City" DataField="City" />
<asp:TemplateField HeaderText="Action">
<ItemTemplate>
<asp:ImageButton ID="ibtnEdit" runat="server"
ImageUrl="/Images/btn-edit.png" OnClick="ibtnEdit_Click" />
<asp:ImageButton ID="ibtnDelete" runat="server"
ImageUrl="/Images/btn-delete.jpg"
OnClientClick="javascript:return confirm('Do you want to delete it?');"
OnClick="ibtnDelete_Click" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
<ajaxToolkit:ModalPopupExtender ID="mpeUser" runat="server"
TargetControlID="hfUserID"
PopupControlID="pnlAddPopup"
BehaviorID="mpeUserBehavior"
DropShadow="true"
CancelControlID="imgClose"
PopupDragHandleControlID="popupheader" />
<div id="pnlAddPopup" runat="server" style="width: 500px; background-color: #ffffff;">
<div>
<div id="popupheader" class="popuHeader">
<asp:Label ID="lblHeader" runat="server" Text="Add New User" />
<span style="float: right">
<img id="imgClose" src="/Images/btn-close.png" alt="close" title="Close" />
</span>
</div>
<div>
<asp:HiddenField ID="hfUserID" runat="server" Value="0" />
<table border="0" class="table-border">
<tr>
<td>UserId</td>
<td>
<asp:TextBox ID="txtUserId" runat="server"></asp:TextBox>
</td>
<td>
<asp:Button ID="btnSearch" runat="server" OnClick="btnSearch_Click" BackColor="Blue" Text="Search" /></td>
</tr>
<tr>
<td>User Name</td>
<td>
<asp:TextBox ID="txtUserName" runat="server" /></td>
</tr>
<tr>
<td>Address</td>
<td>
<asp:TextBox ID="txtAddress" runat="server"
TextMode="MultiLine" Rows="3" Columns="40" />
</td>
</tr>
<tr>
<td>City</td>
<td>
<asp:TextBox ID="txtCity" runat="server" /></td>
</tr>
<tr>
<td>State</td>
<td>
<asp:TextBox ID="txtState" runat="server" /></td>
</tr>
<tr>
<td> </td>
<td>
<asp:Button ID="btnSave" runat="server" Text=" Save "
OnClick="btnSave_Click" />
<asp:Button ID="btnCancel" runat="server" Text=" Cancel "
OnClientClick="javascript:$find('mpeUserBehavior').hide();return false;" />
</td>
</tr>
</table>
</div>
</div>
</div>
Master Page....
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="MainMaster.master.cs" Inherits="SearchBtn.MainMaster" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
<div style="background-color:black;width:100%;height:100px;">
<table style="width:100%;height:30%;background-color:red;">
<tr>
<td style="width:5px;height:2px;">
<asp:ImageButton ID="imgNew" runat="server" OnClick="imgNew_Click" ToolTip="Add New" BackColor="GreenYellow" />
</td>
</tr>
</table>
</div>
</asp:ContentPlaceHolder>
</div>
</form>
</body>
</html>
aspx page........
<%@ Page Title="" Language="C#" MasterPageFile="~/MainMaster.Master" AutoEventWireup="true" CodeBehind="AddNewMasterPage.aspx.cs" Inherits="SearchBtn.AddNewMasterPage" %>
<%@ Register Src="~/SearchData.ascx" TagPrefix="uc1" TagName="SearchData" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<uc1:SearchData runat="server" ID="SearchData" />
</asp:Content>