hi,
my application requires to show a wait popup before postback and show the server side message after postback response in another popup.
for this i have taken two panels and two modal popupextrender controls one to show during the post back and another to show after the postback is complete.
in the server side i hide the first popupextender and show the second popup extender.
1st popup is triggered through the clientside and closed at the server side and the second popup is triggered through the server side code and ends in the client side without any scripting.
Although it works fine but after the response when i click on the ok button in the second popup it leads to a post back which is unnecessary. the button does not even has a serverside click event.
Any Ideas how to get around this ? Plz Help
Code:
<asp:Button ID="waitbtn" runat="server" Style="display: none" />
<ajx:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="waitbtn"
PopupControlID="wait" BehaviorID="waitmodal" >
</ajx:ModalPopupExtender>
<asp:Panel ID="wait" runat="server" Height="100%" width="100%" Style="display: none" HorizontalAlign="Center">
<table style="background-color: #2f4f4f;" >
<td width="10px" style="background-color:#2f4f4f;"></td>
<td style="background-color:#2f4f4f;" Height="50px">
<img alt ="" src="../../App_Images/loading.gif" style="vertical-align: middle; text-align: left;" />
</td>
<td width="10px" style="background-color:#2f4f4f;"></td>
<td style="vertical-align: middle; text-align: center;background-color:#00C0C0; font-weight: normal; font-size: 14pt; color: yellow;">
<asp:Label ID="Label2" runat="server" BackColor="#00C0C0" Text="Processing Request.Please Wait !!" Width="320px" ></asp:Label>
</td>
</table>
</asp:Panel>
<asp:Button ID="msgbtn" runat="server" Style="display: none" />
<ajx:ModalPopupExtender ID="ModalPopupExtender2" runat="server" TargetControlID="msgbtn"
PopupControlID="smsg" BehaviorID="smsgmodal" >
</ajx:ModalPopupExtender>
<asp:Panel ID="smsg" runat="server" Height="100%" width="100%" Style="display: none" HorizontalAlign="Center">
<table style="background-color: #8f8f8f;" >
<td width="10px" style="background-color:#4f4f4f;"></td>
<td style="background-color:#8f8f8f;" Height="50px">
<img alt ="" src="../../App_Images/loading.gif" style="vertical-align: middle; text-align: left;" />
</td>
<td width="10px" style="background-color:#8f8f8f;"></td>
<td style="vertical-align: middle; text-align: center;background-color:#00C0C0; font-weight: normal; font-size: 14pt; color: yellow;">
<asp:Label ID="Label1" runat="server" BackColor="#00C0C0" Text="Saved Successfully!!" Width="320px" ></asp:Label>
<asp:Button ID="btnok" runat="server" text="ok" />
</td>
</table>
</asp:Panel>