How to show "Please wait..." on page load with masterpage

mgmhicks
mgmhicks used Ask the Experts™
on
I have a page with a couple of charts that takes a while to load.  So while that is loading I want to show a wait page.  So I have a menu option and the menu redirects to my web page that takes a while to load.   Here is the web page and the master page, with code I'ved tried, but until if finishes loading, I cant get anything else to show.  I did try using a intermediate page with a redirect on it but that didn't show the intermediate page while it was loading either.  Thanks for help in advance.

<%@ Page Title="" Language="VB" MasterPageFile="~/ChartsAndGraphs/OverRides/Console_Master_Page1.master"
    AutoEventWireup="false" CodeFile="PropertyOverRides.aspx.vb" Inherits="DataGraphs_PropertyOverRides" %>
<%@ MasterType VirtualPath="~/ChartsAndGraphs/OverRides/Console_Master_Page1.master" %>
<%@ Register assembly="System.Web.DataVisualization, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" namespace="System.Web.UI.DataVisualization.Charting" tagprefix="asp" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>





<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server" >
  
   
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
<Triggers>
	
</Triggers>
<ContentTemplate>
	<table style="width: 100%">
		<tr>
			<td>
				&nbsp;</td>
			<td>
				&nbsp;
			</td>
		</tr>
		<tr>
			<td colspan="2">
				<asp:Chart ID="ChartSummary"  runat="server" Width="920px" >
					<Legends>
						<asp:Legend LegendItemOrder="ReversedSeriesOrder" Name="Legend1" Title="Legend">
						</asp:Legend>
					</Legends>
					<Titles>
						<asp:Title Font="Microsoft Sans Serif, 14pt, style=Bold" Name="Title1" Text="Lexis Nexis Overrides"></asp:Title>
						<asp:Title Font="Microsoft Sans Serif, 14pt, style=Bold" Name="Title2" Text="All RPM's"></asp:Title>
						<asp:Title Font="Microsoft Sans Serif, 14pt, style=Bold" Name="Title3" >
						</asp:Title>
					</Titles>
					<Series>
						
						<asp:Series Name="Count" ChartType="StackedColumn"></asp:Series>
						<asp:Series Name="Current"  ChartType="StackedColumn"></asp:Series>
						<asp:Series Name="Leased"  ChartType="StackedColumn"></asp:Series>
						<asp:Series Name="Applicant" ChartType="StackedColumn"></asp:Series>
						<asp:Series Name="Notice"  ChartType="StackedColumn"></asp:Series>
						<asp:Series Name="Previous"  ChartType="StackedColumn"></asp:Series>
						<asp:Series Name="Cancels"  ChartType="StackedColumn"></asp:Series>
						<asp:Series Name="No Finds"  ChartType="StackedColumn" LegendUrl="http://www.theapartmentgallery.com"></asp:Series>
						
					</Series>
					<ChartAreas>
						<asp:ChartArea Name="ChartArea1" >
						</asp:ChartArea>
					</ChartAreas>
				</asp:Chart>
			</td>
			
		</tr>
	</table>
	<asp:UpdateProgress ID="UpdateProgress1"  runat="server">
		<ProgressTemplate>
			<img src="~/images/Blue-004-loading.gif" alt="Loading" />
			Please wait...
		</ProgressTemplate>
	</asp:UpdateProgress>
</ContentTemplate>

</asp:UpdatePanel>

<asp:UpdatePanel ID="UpdatePane12" runat="server" UpdateMode="Conditional">
<Triggers></Triggers>
<ContentTemplate>
	<table style="width: 100%">
		<tr>
			<td>
				<asp:Label ID="Label1" runat="server" Text="Select RPM:"></asp:Label>
				<asp:DropDownList ID="ddRegion" runat="server" AutoPostBack="True" >
					<asp:ListItem Selected="True" Value="Brendan Katherman">Brendan</asp:ListItem>
					<asp:ListItem Value="Cindy Kotcamp">Cindy</asp:ListItem>
					<asp:ListItem Value="Hope Bower">Hope</asp:ListItem>
					<asp:ListItem Value="Pat Manalli">Pat</asp:ListItem>
				</asp:DropDownList>
			</td>
			<td>
				&nbsp;
			</td>
		</tr>
		<tr>
			<td colspan="2">
				<asp:Chart ID="ChartRegion" runat="server" Width="920px">
					<Legends>
						<asp:Legend LegendItemOrder="ReversedSeriesOrder" Name="Legend1" Title="Legend">
						</asp:Legend>
					</Legends>
					<Titles>
						<asp:Title Font="Microsoft Sans Serif, 14pt, style=Bold" Name="Title1" Text="Lexis Nexis Overrides">
						</asp:Title>
						<asp:Title Font="Microsoft Sans Serif, 14pt, style=Bold" Name="Title2">
						</asp:Title>
						<asp:Title Font="Microsoft Sans Serif, 14pt, style=Bold" Name="Title3">
						</asp:Title>
					</Titles>
					<Series>
						<asp:Series Name="Count" IsValueShownAsLabel="true" ChartType="StackedColumn">
						</asp:Series>
						<asp:Series Name="Current" IsValueShownAsLabel="true" ChartType="StackedColumn">
						</asp:Series>
						<asp:Series Name="Leased" IsValueShownAsLabel="true" ChartType="StackedColumn">
						</asp:Series>
						<asp:Series Name="Applicant" IsValueShownAsLabel="true" ChartType="StackedColumn">
						</asp:Series>
						<asp:Series Name="Notice" IsValueShownAsLabel="true" ChartType="StackedColumn" >
						</asp:Series>
						<asp:Series Name="Previous" IsValueShownAsLabel="true" ChartType="StackedColumn">
						</asp:Series>
						<asp:Series Name="Cancels" IsValueShownAsLabel="true" ChartType="StackedColumn">
						</asp:Series>
						<asp:Series Name="No Finds" IsValueShownAsLabel="true" ChartType="StackedColumn"  LegendUrl="http://www.theapartmentgallery.com">
						</asp:Series>
						
					</Series>
					<ChartAreas>
						<asp:ChartArea Name="ChartArea1">
                            <AxisX Interval="1" TitleFont="Microsoft Sans Serif, 10pt">
                            </AxisX>
						</asp:ChartArea>
					</ChartAreas>
				</asp:Chart>
			</td>
		</tr>
	</table>
    <asp:UpdateProgress ID="updateProgress2" runat="server" >
        <ProgressTemplate>
            <div style="position: fixed; text-align: center; height: 80%; width: 80%; top: 0;
                right: 0; left: 0; z-index: 9999999;">
                <asp:Image ID="imgUpdateProgress" runat="server" ImageUrl="~/images/Blue-004-loading.gif"
                    AlternateText="Loading ..." ToolTip="Loading ..." Style="padding: 10px; position: fixed;
                    top: 45%; left: 50%;" />
            </div>
        </ProgressTemplate>
    </asp:UpdateProgress>
</ContentTemplate>
</asp:UpdatePanel>
    
<div>
<br />
	

</div>
<asp:UpdatePanel runat="server" ID="UpdatePanel3" UpdateMode="Conditional">
<Triggers>
<asp:AsyncPostBackTrigger ControlID="ddRegion" EventName="SelectedIndexChanged"/>

</Triggers>
<ContentTemplate>
	<table style ="width:100%">
	<tr>
		<td>
			<asp:Label ID="Label3" runat="server" Text="Select Period for Details"></asp:Label>
			&nbsp;
			<asp:DropDownList ID="SelectedDate" runat="server" AutoPostBack="true" Height="16px">
				
			</asp:DropDownList>
		</td>
		<td style="text-align:right">
			<asp:Label ID="Label4" runat="server" Text="Number of Records:"></asp:Label>&nbsp;&nbsp;
				<asp:Label ID="lblCount" runat="server" ></asp:Label>
		
		</td>
	</tr>
		<tr>
			<td style="height: 18px">
				
			</td>
			<td style="height: 18px">
			</td>
		</tr>
		<tr>
			<td colspan="2" style="text-align: center">
				<asp:GridView ID="gvDetails" runat="server" AutoGenerateColumns="False" Width="100%" CellPadding="4" ForeColor="#333333" GridLines="None">
					<RowStyle BackColor="#F7F6F3" ForeColor="#333333" />
					<Columns>
					
						<asp:TemplateField HeaderText="PropID">
							<EditItemTemplate>
								<asp:TextBox ID="TextBox1" runat="server" Text='<%# Bind("PropID") %>' Wrap="false"></asp:TextBox>
							</EditItemTemplate>
							<ItemTemplate>
								<asp:Label ID="Label1" runat="server" Text='<%# Bind("PropID") %>'></asp:Label>
							</ItemTemplate>
							<HeaderStyle HorizontalAlign="Left" Width="50px" />
							<ItemStyle HorizontalAlign="Left" Width="50px" />
						</asp:TemplateField>
						<asp:TemplateField HeaderText="BldgID">
						<EditItemTemplate>
							<asp:TextBox ID="TextBox5" runat="server" Text='<%# Bind("BldgID") %>'></asp:TextBox>
						</EditItemTemplate>
					<ItemTemplate>
						<asp:Label ID="Label5" runat="server" Text='<%# Bind("BldgID") %>'></asp:Label>
					</ItemTemplate>
							<HeaderStyle HorizontalAlign="Left" Width="50px" />
							<ItemStyle HorizontalAlign="Left" Width="50px" />
						</asp:TemplateField>
						<asp:TemplateField HeaderText="UnitID">
							<EditItemTemplate>
								<asp:TextBox ID="TextBox6" runat="server" Text='<%# Bind("UnitID") %>'></asp:TextBox>
							</EditItemTemplate>
							<ItemTemplate>
								<asp:Label ID="Label6" runat="server" Text='<%# Bind("UnitID") %>'></asp:Label>
							</ItemTemplate>
							<HeaderStyle HorizontalAlign="Left" Width="75px" />
							<ItemStyle HorizontalAlign="Left" Width="75px" />
						</asp:TemplateField>
						<asp:TemplateField HeaderText="Unit App ID">
							<EditItemTemplate>
								<asp:TextBox ID="TextBox2" runat="server" Text='<%# Bind("UnitAppID") %>'></asp:TextBox>
							</EditItemTemplate>
							<ItemTemplate>
								<asp:Label ID="Label2" runat="server" Text='<%# Bind("UnitAppID") %>'></asp:Label>
							</ItemTemplate>
							<HeaderStyle HorizontalAlign="Left" Width="75px" />
							<ItemStyle HorizontalAlign="Left" Width="75px" />
						</asp:TemplateField>
						
						<asp:TemplateField HeaderText="Name">
							<EditItemTemplate>
								<asp:TextBox ID="TextBox3" runat="server" Text='<%# Bind("Name") %>'></asp:TextBox>
							</EditItemTemplate>
							<ItemTemplate>
								<asp:Label ID="Label3" runat="server" Text='<%# Bind("Name") %>'></asp:Label>
							</ItemTemplate>
							<ItemStyle HorizontalAlign="Left" Width="120px" />
							<HeaderStyle HorizontalAlign="Left" Width="210px" />
						</asp:TemplateField>
						<asp:TemplateField HeaderText="Created">
							<EditItemTemplate>
								<asp:TextBox ID="TextBox4" runat="server" Text='<%# Bind("CreateDate") %>'></asp:TextBox>
							</EditItemTemplate>
							<ItemTemplate>
								<asp:Label ID="Label4" runat="server" Text='<%# Bind("CreateDate", "{0:d}") %>'></asp:Label>
							</ItemTemplate>
							<HeaderStyle HorizontalAlign="Left" Width="75px" />
							<ItemStyle HorizontalAlign="left" Width="75px" />
						</asp:TemplateField>
						<asp:TemplateField HeaderText="Status">
							<EditItemTemplate>
								<asp:TextBox ID="TextBox7" runat="server" Text='<%# Bind("Status") %>'></asp:TextBox>
							</EditItemTemplate>
							<ItemTemplate>
								<asp:Label ID="Label7" runat="server" Text='<%# Bind("Status") %>'></asp:Label>
							</ItemTemplate>
							<HeaderStyle HorizontalAlign="Left" Width="75px" />
							<ItemStyle HorizontalAlign="Left" Width="75px" />
						</asp:TemplateField>
						<asp:TemplateField HeaderText="Notes">
							<EditItemTemplate>
								<asp:TextBox ID="TextBox8" runat="server" Text='<%# Bind("Notes") %>'></asp:TextBox>
							</EditItemTemplate>
							<ItemTemplate>
								<asp:Label ID="Label8" runat="server" Text='<%# Bind("Notes") %>'></asp:Label>
							</ItemTemplate>
							<HeaderStyle HorizontalAlign="Left" Width="200px" />
							<ItemStyle HorizontalAlign="Left" Width="200px" Wrap="true" />
						</asp:TemplateField>
					</Columns>
					<FooterStyle BackColor="#5D7B9D" ForeColor="White" Font-Bold="True" />
					<PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
					<SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
					<HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
					<EditRowStyle BackColor="#999999" />
					<AlternatingRowStyle BackColor="White" ForeColor="#284775" />
				</asp:GridView>
			</td>
		</tr>
	</table>
</ContentTemplate>

</asp:UpdatePanel>
</asp:Content>

Open in new window



<%@ Master Language="VB" CodeFile="Console_Master_Page1.master.vb" Inherits="Console_Master_Page1" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<!DOCTYPE html >

<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en" >
<!--<![endif]-->
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>The Apartment Gallery</title>
<script src="~/js/jquery.js" type="text/javascript"></script>
<script src="~/js/modernizr-1.6.min.js" type="text/javascript"></script>
	

<!--Superfish-->
<link rel="stylesheet" type="text/css" href="~/css/superfish.css" media="screen" />
<script type="text/javascript" src="~/js/hoverIntent.js"></script>
<script type="text/javascript" src="~/js/superfish.js"></script>

<!--custtom script-->
<script src="~/js/custom.js" type="text/javascript"></script>

<!--Color Picker-->
<script type="text/javascript" src="~/js/colorpicker.js"></script>
<%--<script type="text/javascript" src="/js/eye.js"></script>--%>
<%--<script type="text/javascript" src="~/js/utils.js"></script>--%>
<script type="text/javascript" src="~/js/layout.js?ver=1.0.2"></script>
<link rel="stylesheet" type="text/css" href="~/css/colorpicker.css" media="screen" />

<!--Style and Layout-->
<link rel="stylesheet" type="text/css" href="~/css/reset.css" media="screen" />
<link rel="stylesheet" type="text/css" href="~/css/style.css" media="screen" />

<!--Nivo Slider Slideshow-->
<link rel="stylesheet" type="text/css" href="~/css/nivo-slider.css" media="screen" />
<script type="text/javascript" src="~/js/jquery.nivo.slider.js"></script>

<!--carouFredSel-->

<!--TAG-->
	<link rel="stylesheet" type="text/css" href="~/css/TAG.css" media="screen" />


   
    
	<script type="text/javascript" src="~/js/jquery.carouFredSel-3.2.1.js"></script>

	<style type="text/css">
	    .style6
        {
            width: 972px;
            margin: 0 auto;
        }
        	
		</style>

</head>


<!-- end color_picker--> 

<!--/end #color_picker-->


<body  id="inner-page"  >
    
<section id="top_container">
  <div class="top_gradient_bg">
    <header id="header" class="center">
      <nav role="navigation" class="navBox">
        <div class="subtle_border">
          <h1 id="logo"><a href="http://www.theapartmentgallery.com">The Apartment Gallery</a></h1>    
        </div>
      </nav>
      <!-- end nav--> 
      
    </header>
    <!-- end #header--> 
  </div>
  <!-- end .top_gradient_bg--> 
</section>
<!-- end #top_container-->


<section id="main">
  <div >
	  <div class="center">
		  <h2 class="page_title">
			  &nbsp;</h2>
		  <h2 class="page_title">
			  Graphs and Charts&nbsp; -
			  <asp:Label ID="lblTitle" runat="server" Text="Label"></asp:Label>
			  <asp:Label ID="lblMasterPropID" runat="server" Text="Label" Visible="False"></asp:Label>
		  </h2>
	  </div>
  </div>
  <!-- end .intro_wrap-->

	</head>

	<div class="center">
		<!-- end .breadcrumbs-->
		<!-- end #content-->
		<!-- end #sidebar-->
		
	<form id="form1" runat="server">

<div style="border-bottom: medium double #000000; border-left-color: #000000; border-left-width: medium; border-right-color: #000000; border-right-width: medium; border-top-color: #000000; border-top-width: medium;" class="style6">
	<div style="width: 100%; text-align: right;">
		<asp:HyperLink ID="HyperLink1" runat="server" Font-Size="Larger" NavigateUrl="~/ResidentConsole/HTML/index.html" Visible="False">Help</asp:HyperLink>
	</div>
	
	<table style="width:100%; display:none;" >
		<tr>
			<td style="text-align: left; color: #3399FF;" >
				Welcome <asp:LoginName ID="LoginName1" runat="server" />
			</td>
			<td>
			<asp:HyperLink ID="hlMyAccount" runat="server" NavigateUrl="~/Residents/ResidentInfo.aspx" ForeColor="#3399FF">My Account</asp:HyperLink>
			</td>
			<td>
				<asp:LinkButton ID="LinkButton1" runat="server" ForeColor="#3399FF">Helpful Numbers</asp:LinkButton></td>
			<td>
				<asp:HyperLink ID="hlService" runat="server" NavigateUrl="~/Residents/ResidentService.aspx" ForeColor="#3399FF">Maintenance Request</asp:HyperLink>
			</td>
			<td>
				<asp:HyperLink ID="hlSurvey" runat="server" NavigateUrl="~/Residents/ResidentSurvey.aspx" ForeColor="#3399FF">Take Resident Survey</asp:HyperLink>
			</td>
			<td>
				<asp:HyperLink ID="hlPayment" runat="server" NavigateUrl="~/Residents/Payments.aspx" ForeColor="#3399FF">Make a Payment</asp:HyperLink>
			</td>
			<td>
				<asp:HyperLink ID="hlAutoPay" runat="server" NavigateUrl="~/Residents/AutoPaySignUp.aspx" ToolTip="Get $10 off when you sign up for AutoPay" ForeColor="#3399FF">Sign up for AutoPay</asp:HyperLink>
			</td>
			<td>
				<asp:HyperLink ID="hlHelp" runat="server" ForeColor="#3399FF" NavigateUrl="~/Residents/Help.aspx">Help</asp:HyperLink>
				
				&nbsp;&nbsp;&nbsp;&nbsp;
				
			</td>
			<td>
				<asp:LoginStatus ID="LoginStatus1" runat="server" LogoutAction="RedirectToLoginPage" ForeColor="#3399FF" />
			</td>
		</tr>
	</table>
	<table style="width:100%">
	<tr><td style="widows:50%; text-align:left;">
			<asp:LoginName ID="LoginName2" runat="server" />
			
	</td>
	<td style="widows:50%;text-align:right;">
	
		&nbsp;</td>
		
		</tr>
		<tr>
		<td>
			
			<asp:Label ID="lblEmailAddr" runat="server" Text="Label" Visible="False"></asp:Label>
			
		</td>
		<td style="text-align: right">
	
		
			<asp:HyperLink ID="HyperLink2" runat="server" 
                NavigateUrl="~/Shared/MainMenu.aspx">Main Menu</asp:HyperLink>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	
		
			<asp:LoginStatus ID="LoginStatus2" runat="server" 
                LogoutAction="RedirectToLoginPage" />
	
		
			</td>
		</tr>
	</table>
	</div>

<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server" ScriptMode="Release">
	</asp:ToolkitScriptManager>
	
	
	<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server" >
	<div id="loading" style="text-align: center;" class="style7">
        <img src="../../images/Blue-004-loading.gif" alt="Loading" />
    </div>

    <script type="text/javascript">
        var ld = (document.all); var ns4 = document.layers; var ns6 = document.getElementById && !document.all; var ie4 = document.all; if (ns4) ld = document.loading; else if (ns6) ld = document.getElementById("loading").style; else if (ie4) ld = document.all.loading.style; function init() { if (ns4) { ld.visibility = "hidden"; } else if (ns6 || ie4) ld.display = "none"; }
    </script>
			
	</asp:ContentPlaceHolder>
</form>

	</div>
  
  <section class="sub_content" >
    <div class="top_shadow" style="height: 175px">
      <div  class="columns">
        <div class="center">
		This is the first version of this graph and web page.  Please test this beta version and contact me via email or phone to discuss changes you would like to make.<br />
		<br />
		
        </div>
        <!-- end .center --> 
      </div>
      <!-- end .columns --> 
    </div>
    <!-- end .top_shadow --> 
  </section>
  
<%--</section>--%>
</body>
<footer id="footer" class="clearfix">
  <div class="shadow" >
    <div class="center" >
      <p style="color">© Copyright. All Rights Reserved. The Apartment Gallery<em></em><a href="http://www.theapartmentgallery.com/"></a></p>
		<span id="siteseal">
			<script type="text/javascript" src="https://seal.godaddy.com/getSeal?sealID=zqUMpO3sM4bFdVoBRBN3OKwMlPIf1JW44H9U7xlOJVNsCRN6WTx8CEU"></script>

		</span>
    </div>
  </div>
</footer>

</html>

Open in new window

Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Most Valuable Expert 2012
Top Expert 2014

Commented:
With ASP.NET, the page has to be fully rendered on the server side before any part of it is returned to the client. One option is to dynamically add the charts to the page after the page has been rendered (using AJAX).

Author

Commented:
So why doesn't a middle page work.  I load a loading.aspx page which has the gif file, then have that redirect to the page that takes time to load, and the middle page never shows, just goes right to the chart page.  Any ideas about that?

thanks
Most Valuable Expert 2012
Top Expert 2014

Commented:
That is because you may be redirecting to the middle page and middle page is probably redirecting itself to the actual page without actually rendering to the client first. You are using server side to redirect from middle page right? Try redirecting from javascript on middle page.
Learn SQL Server Core 2016

This course will introduce you to SQL Server Core 2016, as well as teach you about SSMS, data tools, installation, server configuration, using Management Studio, and writing and executing queries.

Author

Commented:
replace with something like this?  window.location.replace("http://stackoverflow.com");

may I have a code example.  Here is my middle page.

<%@ Page Title="" Language="VB" MasterPageFile="Console_Master_Page1.master" AutoEventWireup="false" CodeFile="OverRideWait.aspx.vb" Inherits="ChartsAndGraphs_OverRides_OverRideWait" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

        
   <p>
       <div style="text-align: center;">
           <img src="../../Images/Blue-004-loading.gif" alt="Loading Charts" 
               style="width: 63px" />
           Loading Charts ....
       </div>
    </p>



</asp:Content>

Open in new window


thanks
Most Valuable Expert 2012
Top Expert 2014

Commented:
Yeah just add a script tag and that line of code.

Author

Commented:
This is what I have now.  I have the middle page set to the startup page.  Nothing show up until I see the chart page.  What am I missing here.  The middle page does have a master page.


<%@ Page Title="" Language="VB" MasterPageFile="Console_Master_Page1.master" AutoEventWireup="false" CodeFile="OverRideWait.aspx.vb" Inherits="ChartsAndGraphs_OverRides_OverRideWait" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<script type="text/javascript">
    $(document).ready(myFunction);
    Function MyFunction() 
    { window.location.replace("PropertyOverRides.aspx")}
    
    
</script>
        
   <p>
       <div style="text-align: center;">
           <img src="../../Images/Blue-004-loading.gif" alt="Loading Charts" 
               style="width: 63px" />
           Loading Charts ....
       </div>
    </p>



</asp:Content>

Open in new window

Author

Commented:
Here is the code I have now.  This code is the start page.  I never shows, goes right to the chart page, and nothing shows in the meantime.  If I remove the location statement, then the progress image shows, but of course I don't go anywhere.

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="testMiddlePage.aspx.vb" Inherits="ChartsAndGraphs_OverRides_testMiddlePage" %>

<!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></title>
</head>
<body>

    <script type="text/javascript">
    $(document).ready();

    window.location.replace("PropertyOverRides.aspx");
    
    
    </script>
    <form id="form1" runat="server">
    
    <div>
        <p>
            <div style="text-align: center;">
                <img src="../../Images/Blue-004-loading.gif" alt="Loading Charts" style="width: 63px" />
                Loading Charts ....
            </div>
        </p>
    </div>
    </form>
</body>
</html>

Open in new window

Most Valuable Expert 2012
Top Expert 2014
Commented:
Yes that would be expected because as soon as browser sees the window.location line, it hides this page in preparation to show the chart page. You would need to change chart page so that it partially renders itself and then loads the expense (loading time wise) components asynchronously.
Top Expert 2016

Commented:

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial