To user friendly handle waiting for a server response, I use ProgressBar Control.
On Scott Guthrie blog I found nice link to a page, where you can create your own animated icon
http://www.ajaxload.info/
I placed my ProgressBar control on a master page, so I have a solution for a whole web application in one place. Below my complete Master page:
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 id="Head1" runat="server">
<title><asp:Literal ID="LiteralTitle" runat="server" Text="" />title>
<link href="./css/eA.css" type="text/css" rel="stylesheet" />
head>
<body onkeydown = "return (event.keyCode!=13)">
<form id="form" runat="server">
<asp:ToolkitScriptManager ID="ToolkitScriptManager" runat="server" ScriptMode="Release" EnableScriptLocalization="true" EnableScriptGlobalization="true" />
<asp:UpdateProgress ID="progress1" runat="server">
<ProgressTemplate>
<div class="Progress">
<img src="Images/ajaxloader.gif"/>Please wait ...
div>
ProgressTemplate>
asp:UpdateProgress>
<div class="TopNavigation">
<eA:TopNavigationControl Id="TopNavigationControl" runat="server"/>
div>
<div class="TopNavigation">
<eA:SubMenuNavigationControl Id="SubMenuNavigationControl" runat="server"/>
div>
<div class="BasicDataView">
<eA:AccountBasicDataShortControl Id="AccountBasicDataShort" runat="server"/>
div>
<asp:ContentPlaceHolder ID="MainContentPlaceHolder" runat="server">asp:ContentPlaceHolder>
<div class="Footer">
<eA:FooterControl ID="FooterControl" runat="server"/>
div>
form>
body>
html>
No comments:
Post a Comment