Initially, the panel is hidden. I am looking to display the panel when the <asp:button is clicked. Here is my code:
<asp:Button ID="btnSubmit" runat="server" Text="Submit" Width="167px"
data-icon="check" OnClick="btnSubmit_Click"
OnClientClick="showProgress();" />
The code for my panel is as follows:
<asp:Panel ID="pnlPopup" runat="server" CssClass="updateProgress" Visible="false">
<div id="imageDiv">
<div style="float: left; margin: 9px">
<img src="Images/loader.gif" id="img1" width="32px"
height="32px" style="display:none"/>
</div>
<div style="padding-top: 17.5px; font-family: Arial,Helvetica,sans-serif; font-size: 12px;">
Loading. Please wait...
</div>
</div>
</asp:Panel>
Upon button click, there is a javascript function named showProgress() defined as follows:
function showProgress() {
if (Page_IsValid) {
// Code to make the panel visible goes here
}
}