I am trying to turn the UpdateProgress1 control to be invisible but I can't. I need to hide because I want to stop showing theUpdateProgress content which is here a <div id="Div1"> that shows a PleaseWait animate image. My code is as follow
<%@ Page Title="" Language="VB" MasterPageFile="~/MasterPages/MasterPage.master" AutoEventWireup="false" CodeFile="LogonScreen.aspx.vb" Inherits="Logon_LogonScreen" %><asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"><style type="text/css">
.style1
{
width: 100%;
}
.style3
{
width: 188px;
}
.style4
{
}
.style5
{
width: 170px;
}
.style6
{
height: 31px;
}
.ErrorMessage
{
color: #0000AE;
text-align: right;
margin-top: 19px;
font-family: "Sakkal Majalla";
font-style: normal;
font-size: 24px;
}
.style10
{
width: 29px;
}
.style11
{
height: 31px;
width: 29px;
}
.style12
{
width: 24px;
}
.style13
{
height: 31px;
width: 24px;
}
.PleaseWait
{
background-position:center;
background-image: url('../Images/PleaseWait.gif');
background-repeat: no-repeat;
height: 54px;
}</style></asp:Content><asp:Content ID="Content2" ContentPlaceHolderID="CpMainContent" Runat="Server"><asp:UpdatePanel ID="UpdatePanel1" runat="server"><ContentTemplate><table class="style1"><tr><td class="style10"> </td><td> </td><td class="style12"> </td><td class="style4"> </td><td class="style5"> </td><td class="style3"> </td><td> </td></tr><tr><td class="style10"> </td><td> </td><td class="style12"> </td><td class="style4"> </td><td class="style5"> </td><td class="style3"> </td><td> </td></tr><tr><td class="style10"> </td><td> </td><td class="style12"><asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"
ControlToValidate="UserName" Display="Dynamic"
ErrorMessage="أدخل إسم المستخدم" CssClass="ErrorMessage">*</asp:RequiredFieldValidator></td><td class="style4"> </td><td class="style5"><asp:TextBox ID="UserName" runat="server" BorderColor="Black"
BorderStyle="Solid" Height="30px" style="margin-top: 0px" Width="162px"></asp:TextBox></td><td class="style3"><asp:Label ID="Label1" runat="server"
style="text-align: right; font-size: x-large; font-family: 'Sakkal Majalla'"
Text="إسم المستخدم" Width="180px" BackColor="#6262FF"
BorderColor="Black" BorderStyle="Solid" BorderWidth="1px"
ForeColor="White"></asp:Label></td><td> </td></tr><tr><td class="style10"> </td><td> </td><td class="style12"><asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server"
ControlToValidate="UPassWord" Display="Dynamic"
ErrorMessage="أدخل كلمة المرور" CssClass="ErrorMessage">*</asp:RequiredFieldValidator></td><td class="style4"> </td><td class="style5"><asp:TextBox ID="UPassWord" runat="server" BorderColor="Black"
BorderStyle="Solid" Height="30px" style="margin-top: 0px" Width="162px"
TextMode="Password"></asp:TextBox></td><td class="style3"><asp:Label ID="Label2" runat="server"
style="text-align: right; font-size: x-large; font-family: 'Sakkal Majalla'"
Text="كلمة السر" Width="180px" BackColor="#6262FF"
BorderColor="Black" BorderStyle="Solid" BorderWidth="1px"
ForeColor="White"></asp:Label></td><td> </td></tr><tr><td class="style10"> </td><td> </td><td class="style12"> </td><td class="style4"> </td><td class="style5"> </td><td class="style3"> </td><td> </td></tr><tr><td class="style10"> </td><td> </td><td class="style12"> </td><td class="style4"> </td><td class="style5"> </td><td class="style3"> </td><td> </td></tr><tr><td class="style10"> </td><td> </td><td class="style12"> </td><td class="style4"> </td><td class="style5"><asp:Button ID="Logining" runat="server" BackColor="#42C1FF"
BorderStyle="Solid" Height="33px"
style="font-size: x-large; font-family: 'Sakkal Majalla'; margin-left: 12px"
Text="دخول" Width="132px" BorderWidth="2px" BorderColor="Black" /></td><td class="style3"> </td><td> </td></tr><tr><td class="style10"> </td><td> </td><td class="style12"> </td><td class="style4" colspan="3" rowspan="2"><asp:ValidationSummary ID="ValidationSummary1" runat="server"
CssClass="ErrorMessage" HeaderText="صحح ما يلي" DisplayMode="List" /></td><td> </td></tr><tr><td class="style11"> </td><td class="style6"></td><td class="style13"></td><td class="style6"></td></tr><tr><td class="style10"> </td><td> </td><td class="style12"> </td><td class="style4"> </td><td class="style5"> </td><td class="style3"> </td><td> </td></tr><tr><td class="style10"> </td><td> </td><td class="style12"> </td><td class="style4"> </td><td class="style5"> </td><td class="style3"> </td><td> </td></tr><tr><td class="style10"> </td><td> </td><td class="style12"> </td><td class="style4"> </td><td class="style5"> </td><td class="style3"> </td><td> </td></tr></table></ContentTemplate></asp:UpdatePanel><asp:UpdateProgress ID="UpdateProgress1" runat="server"
AssociatedUpdatePanelID="UpdatePanel1"><ProgressTemplate><div ID="Div1" runat="server" width="129px" class="PleaseWait" ></div></ProgressTemplate></asp:UpdateProgress></asp:Content>The aspx.vb code which contains the Logining button click event:
Protected Sub Logining_Click(sender As Object, e As System.EventArgs) Handles Logining.Click
If Page.IsValid Then
Dim conString = ConfigurationManager.ConnectionStrings("TrackingConnectionString").ConnectionString
Dim connection As New SqlConnection(conString)
If connection.State = ConnectionState.Closed Or connection.State = ConnectionState.Broken Then
connection.Open()
End If
Dim queryString = "SELECT Passcode FROM Employees WHERE (UserName=@UN)"
Dim LoginUserPwdSelectCommand As New SqlCommand(queryString, connection)
LoginUserPwdSelectCommand.Parameters.Add("@UN", SqlDbType.NVarChar)
LoginUserPwdSelectCommand.Parameters("@UN").Value = UserName.Text.Trim()
Dim LoginUserPwd = LoginUserPwdSelectCommand.ExecuteScalar()
TDClass.PassCode = LoginUserPwd
System.Threading.Thread.Sleep(5000)
If TDClass.PassCode <> UPassWord.Text Then
UpdateProgress1.Visible = False
MsgBox("إسم المستخدم و كلمة السر غير موجود ", MsgBoxStyle.Information, "Tracking Desk")
Else
Response.Redirect("~\ContentPages\SelecttheOffice.aspx")
End If
connection.Close()
End If
End SubPlease assist with thanks