modal popup does not work on button click in tab container - modal-dialog

Question

I have a page which contains multiple tab. I need to have one modal popup to be popped up to show different message. I tried in the following ways but failed.
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="userUpdatePanel" runat="server">
<ContentTemplate>
<center style="margin-top: 0px">
<ajaxToolkit:TabContainer ID="TabContainer1" AutoPostBack="true" runat="server" ActiveTabIndex="0">
<cc1:TabPanel runat="server" HeaderText="Country" ID="TabPanel1">
<ContentTemplate>
<center>
<input type="hidden" id="hidUserID" runat="server" value="0" />
<table class="contentTable">
<tr class="contentRow">
<td class="columnName">
Action
</td>
<td class="columnData">
<asp:RadioButtonList ID="rbtnCountryAddorModify" RepeatDirection="Horizontal" AutoPostBack="true"
runat="server" >
<asp:ListItem Value="Add" Selected="True">Add</asp:ListItem>
<asp:ListItem Value="Modify">Modify</asp:ListItem>
</asp:RadioButtonList>
</td>
<td></td>
</tr>
<tr class="contentRow">
<td class="columnName">
Country
</td>
<td class="columnData">
<ajaxToolkit:ComboBox ID="cmbCountry" runat="server" AutoPostBack="true"
CssClass="AjaxToolkitStyle" DropDownStyle="DropDown" CausesValidation="True"
onselectedindexchanged="cmbCountry_SelectedIndexChanged">
<asp:ListItem Value="0">--Select--</asp:ListItem>
</ajaxToolkit:ComboBox>
</td>
<td></td>
</tr>
<tr class="alternateRow">
<td class="columnName">
New Country Name
</td>
<td class="columnData">
<asp:TextBox ID="txtCountryName" runat="server" Width="230px" ValidationGroup="user"></asp:TextBox>
</td>
<td></td>
</tr>
<tr class="contentRow">
<td class="buttonRow" colspan="2">
<asp:button ID="btnSaveCountry" runat="server" text="Submit" OnClick="btnSaveCountry_Click"
/>
<asp:Button ID="reset" runat="server" Text="reset" OnClick="reset_Click" />
<asp:Button ID="Button1" runat="server" Text="Hiden" />
</td>
</tr>
</table>
<asp:Panel ID="Panel1" runat="server" CssClass="modalPopup" Style="display: none" >
<br />
<asp:Label ID="lblMsg" runat="server" Height="30px" ForeColor="red"></asp:Label>
<table style="width: 270px">
<tr>
<td >
</td>
<td>
<asp:Button ID="btnCancel" runat="server" Text="Ok" />
</tr>
</table>
</asp:Panel>
<cc1:ModalPopupExtender ID="ModalPopupExtenderMsg" runat="server"
TargetControlID="Button1"
PopupControlID="Panel1"
BackgroundCssClass="modalBackground"
DropShadow="true"
CancelControlID="btnCancel" >
</cc1:ModalPopupExtender>
</ContentTemplate>
</cc1:TabPanel>
<cc1:TabPanel ID="TabPanel2" AutoPostBack="true" runat="server" HeaderText="Division">
<ContentTemplate>
<center>
<input type="hidden" id="Hidden1" runat="server" value="0" />
<table class="contentTable">
<tr class="contentRow">
<td class="columnName">
Action
</td>
<td class="columnData">
<asp:RadioButtonList ID="rbtnDivProvAddorModify" RepeatDirection="Horizontal" AutoPostBack="true"
runat="server" >
<asp:ListItem Value="Add" Selected="True">Add</asp:ListItem>
<asp:ListItem Value="Modify">Modify</asp:ListItem>
</asp:RadioButtonList>
</td>
<td></td>
</tr>
<tr class="contentRow">
<td class="columnName">
Country
</td>
<td class="columnData">
<ajaxToolkit:ComboBox ID="cmbCountryForDiv" runat="server" AutoPostBack="true"
CssClass="AjaxToolkitStyle" DropDownStyle="DropDown" CausesValidation="True"
onselectedindexchanged="cmbCountryForDiv_SelectedIndexChanged">
<asp:ListItem Value="0">--Select--</asp:ListItem>
</ajaxToolkit:ComboBox>
</td>
<td></td>
</tr>
<tr class="contentRow">
<td class="columnName">
Division/Province
</td>
<td class="columnData">
<ajaxToolkit:ComboBox ID="cmbDivision" runat="server" AutoPostBack="true"
CssClass="AjaxToolkitStyle" DropDownStyle="DropDown" CausesValidation="True"
onselectedindexchanged="cmbDivision_SelectedIndexChanged">
<asp:ListItem Value="0">--Select--</asp:ListItem>
</ajaxToolkit:ComboBox>
</td>
<td></td>
</tr>
<tr class="alternateRow">
<td class="columnName">
New Division/Province Name
</td>
<td class="columnData">
<asp:TextBox ID="txtDivProvince" runat="server" Width="230px" ValidationGroup="user"></asp:TextBox>
</td>
<td></td>
</tr>
<tr class="contentRow">
<td class="buttonRow" colspan="2">
<asp:button ID="btnSaveDivision" runat="server" text="Submit" OnClick="btnSaveDivision_Click"
/>
<asp:Button ID="Button3" runat="server" Text="reset" OnClick="reset_Click" />
</td>
</tr>
</table>
</ContentTemplate>
<cc1:TabPanel ID="TabPanel4" AutoPostBack="true" runat="server" HeaderText="Thana">
</cc1:TabPanel>
<cc1:TabPanel ID="TabPanel5" AutoPostBack="true" runat="server" HeaderText="Municipality">
</cc1:TabPanel>
<cc1:TabPanel ID="TabPanel6" AutoPostBack="true" runat="server" HeaderText="UPHeadQuarter">
</cc1:TabPanel>
</ajaxToolkit:TabContainer>
<asp:Button ID="Button4" runat="server" Text="pOPUp" onclick="Button4_Click" />
<asp:Button ID="Button2" runat="server" Visible="false" Text="Hidden" />
<cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
TargetControlID="Button2"
PopupControlID="Panel4"
BackgroundCssClass="modalBackground"
DropShadow="true"
CancelControlID="Button7" >
</cc1:ModalPopupExtender>
<asp:Panel ID="Panel4" runat="server" CssClass="modalPopup" Style="display: none" >
<br />
<asp:Label ID="Label3" runat="server" Height="30px" ForeColor="red"></asp:Label>
<table style="width: 270px">
<tr>
<td >
</td>
<td>
<asp:Button ID="Button7" runat="server" Text="Ok" />
</tr>
</table>
</asp:Panel>
</center>
</ContentTemplate>
</asp:UpdatePanel>
In .cs file I have the code as follows.
protected void showModalMsgBox(string msg,AjaxControlToolkit.ModalPopupExtender mdlPopupMsg) {
switch (msg)
{
case "success":
lblMsg.Text = "Data saved successfully.";
break;
default:
lblMsg.Text = "Data is not saved. Please contact with administrator.";
break;
}
//userUpdatePanel.Update();
mdlPopupMsg.Show();
}
protected void btnSaveDivision_Click(object sender, EventArgs e)
{
showModalMsgBox("Sample", ModalPopupExtenderMsg);
}
protected void btnSaveCountry_Click(object sender, EventArgs e)
{
showModalMsgBox("Sample", ModalPopupExtenderMsg);
}
It shows modal popup for country but not for division. But If I write
protected void btnSaveDivision_Click(object sender, EventArgs e)
{
showModalMsgBox("Sample", ModalPopupExtender1);
}
protected void btnSaveCountry_Click(object sender, EventArgs e)
{
showModalMsgBox("Sample", ModalPopupExtender1);
}
It shows modal popup neither for country nor for division. I need a common popup for each tab container. Can I do that? or what can I do here? Is there any body to help? Thanks.