Solved

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

Posted on 2014-03-04
9
1,949 Views
Last Modified: 2014-03-19
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

0
Comment
Question by:mgmhicks
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 4
9 Comments
 
LVL 83

Expert Comment

by:CodeCruiser
ID: 39904206
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).
0
 

Author Comment

by:mgmhicks
ID: 39904237
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
0
 
LVL 83

Expert Comment

by:CodeCruiser
ID: 39904253
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.
0
How our DevOps Teams Maximize Uptime

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us. Read the use case whitepaper.

 

Author Comment

by:mgmhicks
ID: 39904269
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
0
 
LVL 83

Expert Comment

by:CodeCruiser
ID: 39904325
Yeah just add a script tag and that line of code.
0
 

Author Comment

by:mgmhicks
ID: 39904363
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

0
 

Author Comment

by:mgmhicks
ID: 39904412
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

0
 
LVL 83

Accepted Solution

by:
CodeCruiser earned 500 total points
ID: 39904548
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.
0
 
LVL 81

Expert Comment

by:David Johnson, CD, MVP
ID: 39904711
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

ASP.Net to Oracle Connectivity Recently I had to develop an ASP.NET application connecting to an Oracle database.As I am doing it first time ,I had to solve several problems. This article will help to such developers  to develop an ASP.NET client…
This article shows how to deploy dynamic backgrounds to computers depending on the aspect ratio of display

737 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question