Hi Timothy,
Unfortunately the LoadMask have no common settings(i mean settings for all mask). Each loading mask should be set individually. You can investigate Target, CustomTarget, Msg, MsgCls properties of EventMask in AjaxEvent. If you need my help with these properties then let me know. I wrote small sample which show custom mask:
<%@ Page Language="C#" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<!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>
<script runat="server">
protected void Button1_Click(object sender, AjaxEventArgs e)
{
this.Button1.Text = "some works on server done";
}
</script>
<style type="text/css">
div.botright{
display:block;
position:absolute;
bottom:0;
right:0;
width:105px;
height:105px;
background:#eee;
border:1px solid #ddd;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<ext:ScriptManager ID="ScriptManager1" runat="server">
</ext:ScriptManager>
<ext:Button runat="server" ID="Button1" Text="Loading mask">
<AjaxEvents>
<Click OnEvent="Button1_Click"
Before="function(){#{maskDiv}.removeClass('x-hide-display');}"
Success="function(){#{maskDiv}.addClass('x-hide-display');}"
Failure="function(){#{maskDiv}.addClass('x-hide-display');}"
>
<EventMask MinDelay="5000" ShowMask="false" />
</Click>
</AjaxEvents>
</ext:Button>
<div id="maskDiv" class="botright x-hide-display">
<%--the mask will be show 5 sec--%>
<img src="8-1.gif" />
</form>
</body>
</html>
In attach the image from this sample (8-1.gif)
