Once again I find your support of your product to be outstanding. Thank you for your quick and correct response to my problem.
I figured in case someone else is having the same problem as me I would post the complete solution. This is an example of how to make the progress bar visible right before the task starts and invisible after the task completes and also update any control on the form after the progress bar does its thing.
ASPX code.
_________________________________________________________________________________
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="atest.aspx.vb" Inherits="atest" %>
<%@ Register Assembly="EO.Web" Namespace="EO.Web" TagPrefix="eo" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<script type="text/javascript">
function start_progress_bar()
{
//Hide whatever you want to hide
document.getElementById("div1").style.display = "inline";
document.getElementById("Label1").style.display = "none";
document.getElementById("mybutton").disabled = "true";
//Get the progress bar object
var pb = eo_GetObject("ProgressBar1");
//Start the progress bar
pb.startTask();
}
function OnProgress(progressBar)
{
var extraData = progressBar.getExtraData();
if (extraData)
{
var div = document.getElementById("divStatus");
div.innerHTML = extraData;
if (extraData == "The task is done!")
{
document.getElementById("div1").style.display = "none";
var div = document.getElementById("divStatus");
div.innerHTML = ' ';
document.getElementById("mybutton").disabled = false;
window.setTimeout(
"eo_Callback('<%=CallbackPanel1.ClientID%>')",
10);
}
}
}
</script>
<div id="div1" runat="server" style="display:none" >
<eo:ProgressBar
ID="ProgressBar1"
runat="server"
Width="250px"
ClientSideOnValueChanged="OnProgress"
BorderColor="Transparent"
BorderStyle="Solid"
BorderWidth="1px"
ControlSkinID="None"
Height="16px"
IndicatorColor="DodgerBlue"
ShowPercentage="True"
BackColor="Silver"
Font-Names="Verdana"
Font-Size="Medium"
ForeColor="White">
</eo:ProgressBar>
</div>
<eo:CallbackPanel runat="server" id="CallbackPanel1">
<asp:Label ID="Label1" runat="server" Font-Names="Verdana"></asp:Label><br /><br />
<asp:DropDownList ID="DropDownList1" runat="server"></asp:DropDownList><br />
</eo:CallbackPanel>
<div id="divStatus" style="font-family:Verdana;color:black;font-size:large"></div><br />
<input type="button" id="mybutton" value="Start" onclick="start_progress_bar()" />
</form>
</body>
</html>
________________________________________________________________________________
Code Behind.
________________________________________________________________________________
Partial Class atest
Inherits System.Web.UI.Page
Protected Sub ProgressBar1_RunTask(ByVal sender As Object, ByVal e As EO.Web.ProgressTaskEventArgs) Handles ProgressBar1.RunTask
Dim a As Integer = 0
For a = 1 To 99
e.UpdateProgress(a, "Sending " + a.ToString + " of 100")
System.Threading.Thread.Sleep(100)
Next
e.UpdateProgress(100, "The task is done!")
End Sub
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
ProgressBar1.Maximum = 100
Dim a As Integer = 0
If Not IsPostBack = True Then
DropDownList1.Items.Clear()
For a = 1 To 100
Dim myitem As New ListItem
myitem.Value = a
myitem.Text = a.ToString
DropDownList1.Items.Add(myitem)
Next
End If
End Sub
Protected Sub CallbackPanel1_Execute(ByVal sender As Object, ByVal e As EO.Web.CallbackEventArgs) Handles CallbackPanel1.Execute
Label1.Text = "All Invitations have been sent"
Dim a As Integer = 0
DropDownList1.Items.Clear()
For a = 200 To 300
Dim myitem As New ListItem
myitem.Value = a
myitem.Text = a.ToString
DropDownList1.Items.Add(myitem)
Next
End Sub
End Class
_________________________________________________________________________________