Requirement is:
When I click on "Show Modal" button, it should open a ajax ModalPopup with 2 buttons: "Add Node" and "Add Goal"
when I click on "Add Node" button, panel 1 should open
When I click on "Add Goal" button, panel 2 should open.
I tried below code:
HTML:
<asp:Button ID="BAdd" runat="server" Text="Show Modal" ValidationGroup="usrvalid"/>
<!-- ModalPopupExtender -->
<cc1:ModalPopupExtender ID="Modal" runat="server" PopupControlID="ShowPanel" TargetControlID="BAdd" CancelControlID="btnClose" BackgroundCssClass="modalBackground1">
</cc1:ModalPopupExtender>
<asp:Panel ID="ShowPanel" runat="server" CssClass="modalPopup" align="center" style = "display:none">
<asp:Button ID="BOpenNodePanel" runat="server" Text="Button" OnClick="BOpenNodePanel_Click"/>
<asp:Button ID="BOpenGoalPanel" runat="server" Text="Button" OnClick="BOpenGoalPanel_Click"/>
<asp:Panel ID="Panel1" runat="server" align="center" Visible="false">
<div class="header"></div>
<div class="body"></div>
<div class="footer" align="center">
<asp:Button ID="BNodeSave" runat="server" Text="Save" Height="30px" Width="20%" ValidationGroup="usrvalid" OnClick="BNodeSave_Click"/>
<asp:Button ID="btnClose" runat="server" Text="Close" Height="30px" Width="20%"/>
</div>
</asp:Panel>
<asp:Panel ID="Panel2" runat="server" align="center" Visible="false">
<div class="header"></div>
<div class="body"></div>
<div class="footer" align="center">
<asp:Button ID="BGoalSave" runat="server" Text="Save" Height="30px" Width="20%" ValidationGroup="usrvalid" OnClick="BGoalSave_Click"/>
<asp:Button ID="btnClose" runat="server" Text="Close" Height="30px" Width="20%"/>
</div>
</asp:Panel>
</asp:Panel>
<!-- ModalPopupExtender -->
C#:
protected void BOpenNodePanel_Click(object sender, EventArgs e)
{
Panel1.Visible = true;
Panel2.Visible = false;
}
protected void BOpenGoalPanel_Click(object sender, EventArgs e)
{
Panel2.Visible = true;
Panel1.Visible = false;
}
But its not showing the panel1 and panel2 on button click(that are inside modal pop up)
Please suggest some solution.
Please reply.