FireFox OnRequestStart Fires Once

[Chris]

I'm using the RadAjaxManager from Q1 2009. In IE, everything works as expected, but in Firefox 3.0, the OnRequestStart only fires the first time and cannot seem to be trapped by Firebug for debugging. Any glaring problems identified in this code:

<%@ Page Title="" Language="VB" MasterPageFile="~/SiteLayout.master" AutoEventWireup="false"
    CodeFile="Default.aspx.vb" Inherits="CostCenterList" MaintainScrollPositionOnPostback="true" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<asp:Content ID="HeaderContent" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">
        .ControlPanel
        {
            clear: both;
            margin-bottom: 6px;
            margin-top: 6px;
        }
        .InnerPanel
        {
            width: auto;
            float: left;
            margin-left: 8px;
            margin-right: 8px;
        }
        .InnerPanel fieldset
        {
            width: auto;
        }
        #mask
        {
            position: absolute;
            z-index: 9000;
            background-color: #000;
            display: none;
            top: 0px;
            left: 0px;
        }
        #boxes .window
        {
            position: absolute;
            width: 440px;
            height: 200px;
            display: none;
            z-index: 9999;
            padding: 20px;
            top: 10px;
            left: 10px;
        }
        #boxes #dialog
        {
            width: 375px;
            height: 203px;
        }
    </style>

    <script type="text/javascript">
        var hideLoadPanel = true;

        function displayLoading() {
            var maskHeight = $(document).height();
            var maskWidth = $(document).width();

            $("#mask").css({ 'width': maskWidth, 'height': maskHeight });

            $("#mask").css('display', 'inline');
            $("#mask").fadeTo("fast", 0.8);

            var winH = $(window).height();
            var winW = $(window).width();

            $("#dialog").fadeIn("fast");
        }

        function hideLoading() {
            if (hideLoadPanel) {
                $("#mask, .window").fadeOut(100);
            }
            else {
                window.setTimeout('hideLoading();', 500);
            }
        }
    </script>
    <telerik:RadScriptBlock runat="server" ID="ScriptBlock">

        <script type="text/javascript">
            var currentCostCenters = new Array();

            function openSelectedCostCenters(isApproval) {
                var itemsList = "";
                for (idx = 0; idx < currentCostCenters.length; idx++) // loop through the items in the array and build a string
                {
                    if (itemsList.length > 0) {
                        itemsListitemsList = itemsList + "|"
                    }
                    itemsListitemsList = itemsList + currentCostCenters[idx];
                }
                if (isApproval == true) {
                    window.location = "BulkApprove.aspx?keys=" + itemsList;
                }
                else {
                    window.location = "BuleEdit.aspx?keys=" + itemsList;
                }
            }

            function ToolbarButtonClicked(sender, args) {
                // Used to handle the bulk approve button.
                var clickedButton = args.get_item();
                if (clickedButton.get_text() == "Bulk Approve") // Make sure the button is the approval button
                {
                    openSelectedCostCenters(true);
                    return false;
                }
                if (clickedButton.get_text() == "Bulk Edit") // Make sure the button is the edit button
                {
                    openSelectedCostCenters(false);
                    return false;
                }
                if (clickedButton.get_text() == "Previous Budget") {
                    //ShowHideColumn('PreviousBudget');
                    //$find("<%=PageAjaxManager.ClientID %>").ajaxRequest("ShowHidePreviousBudget");
                }
                if (clickedButton.get_text() == "Previous Actual") {
                    //ShowHideColumn('PreviousActual');
                    //$find("<%=PageAjaxManager.ClientID %>").ajaxRequest("ShowHidePreviousActual");
                }
                if (clickedButton.get_text() == "Year To Date") {
                    //ShowHideColumn('CurrentYTD');
                    //$find("<%=PageAjaxManager.ClientID %>").ajaxRequest("ShowHideYTD");
                }
                if (clickedButton.get_text() == "Categories") {
                    //$find("<%=PageAjaxManager.ClientID %>").ajaxRequest("ShowHideCategories");
                }
                if (clickedButton.get_text() == "Status Legend") {
                    //ShowStatusLegendForm();
                }
            }

            function EnableBulkOperations() {
                // Evaluates selected items and enables or disables the bulk approve
                // button on the client side.
                checkExistingItemsSelected(); // Find out what is selected if anything
                isEnabled = currentCostCenters.length > 0; // will we need to enable or disable the button
                var Toolbar = $find('<%= MainToolBar.ClientID %>'); // need to know the toolbar reference
                var BulkApproveButton = Toolbar.findItemByText("Bulk Approve"); // get the button to deal with
                var BulkEditButton = Toolbar.findItemByText("Bulk Edit"); // get the other button to deal with
                if (isEnabled == true) {
                    if (BulkApproveButton != null) // in case the button has been disabled server side, check for null
                    {
                        BulkApproveButton.enable();
                    }
                    if (BulkEditButton != null) // in case the button has been disabled server side, check for null
                    {
                        BulkEditButton.enable();
                    }
                }
                else {
                    if (BulkApproveButton != null) // in case the button has been disabled server side, check for null
                    {
                        BulkApproveButton.disable();
                    }
                    if (BulkEditButton != null) // in case the button has been disabled server side, check for null
                    {
                        BulkEditButton.disable();
                    }
                }
            }

            function checkValidRowTarget(sender, args) {
                // Checks to make sure the user is selecting an item using
                // the checkbox. RadGrid supports selecting rows by clicking on them
                // and this is not the desired functionality of this particular grid.
                if (args.get_tableView().get_name() == "RequestHistory") // Row clicked on in a details table
                {
                    args.set_cancel(true);
                    return false;
                }

                // Checks to see if the checkbox for this item is disabled.
                var masterTable = $find('<%= CurrentCostCentersGrid.ClientID %>').get_masterTableView();
                var dataItem = masterTable.get_dataItems()[args.get_itemIndexHierarchical()];
                var checkbox;
                if (!dataItem.get_cell("ClientSideSelect")) {
                    checkbox = dataItem.get_cell("ClientSideSelect").getElementsByTagName("INPUT")[0];
                    if (checkbox.disabled) {
                        args.set_cancel(true);
                    }
                }

                if (args.get_domEvent().target) {
                    if (args.get_domEvent().target.type != "checkbox") {
                        args.set_cancel(true);
                    }
                    else {
                        var checkboxItem = args.get_domEvent().target;
                        if (checkboxItem.disabled == 'disabled') {
                            args.set_cancel(true);
                        }
                    }
                }
                else if (!args.get_domEvent().srcElement) {
                    args.set_cancel(true);
                }
            }

            function checkExistingItemsSelected() {
                // This function will evaluate the selected items in the rad grid and
                // build an array that is used for both enabling/disabling bulk approval button
                // and opening the new window with associated id's for bulk approvals.
                currentCostCenters = new Array();
                var masterGrid = $find('<%= CurrentCostCentersGrid.ClientID %>');
                if (masterGrid != null) {
                    var Items = masterGrid.get_masterTableView().get_selectedItems();
                    for (idx = 0; idx < Items.length; idx++) {
                        var currentItem = Items[idx];
                        currentCostCenters[idx] = currentItem.getDataKeyValue("CostCenterItemID");
                    }
                }
            }

            function CostCenterSelectionChanged(sender, args) {
                EnableBulkOperations();
            }

            function AjaxResponseEnd(sender, eventArgs) {
                EnableBulkOperations();
                hideLoadPanel = true;
            }

            function AjaxRequestStart(sender, eventArgs) {
                displayLoading();
                hideLoadPanel = false;
                window.setTimeout('hideLoading();', 500);
            }
        </script>

    </telerik:RadScriptBlock>
</asp:Content>
<asp:Content ID="MainContent" ContentPlaceHolderID="MainSystemContent" runat="Server">
    <telerik:RadAjaxManager ID="PageAjaxManager" runat="server">
        <ClientEvents OnResponseEnd="AjaxResponseEnd" OnRequestStart="AjaxRequestStart" />
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="MainToolBar">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="MainToolBar" />
                    <telerik:AjaxUpdatedControl ControlID="CurrentCostCentersGrid" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="HideLockedItems">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="CurrentCostCentersGrid" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="drpUnits">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="CurrentCostCentersGrid" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="drpObjects">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="CurrentCostCentersGrid" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="drpStatus">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="CurrentCostCentersGrid" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="drpYear">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="drpUnits" />
                    <telerik:AjaxUpdatedControl ControlID="drpObjects" />
                    <telerik:AjaxUpdatedControl ControlID="CurrentCostCentersGrid" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="ckAllYears">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="drpUnits" />
                    <telerik:AjaxUpdatedControl ControlID="drpObjects" />
                    <telerik:AjaxUpdatedControl ControlID="drpYear" />
                    <telerik:AjaxUpdatedControl ControlID="CurrentCostCentersGrid" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="CurrentCostCentersGrid">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="CurrentCostCentersGrid" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
    <div class="ControlPanel">
        <telerik:RadToolBar ID="MainToolBar" runat="server" AutoPostBack="True" OnClientLoad="EnableBulkOperations"
            Width="100%">
            <ExpandAnimation Type="OutQuad" Duration="300" />
            <CollapseAnimation Type="OutQuad" Duration="300" />
            <Items>
                <telerik:RadToolBarButton runat="server" Text="Bulk Edit" PostBack="false" ToolTip="Allows you to make sweeping changes to multiple cost centers"
                    OnLoad="CheckForEditorRights" ImageUrl="~/Images/request.gif" Enabled="false"
                    CommandName="BulkOperation" CommandArgument="Edit" />
                <telerik:RadToolBarButton runat="server" Text="Bulk Approve" PostBack="false" ToolTip="Allows you to approve multiple cost centers at a time."
                    OnLoad="CheckForManageRights" ImageUrl="~/Images/ok.gif" Enabled="false" CommandName="BulkOperation"
                    CommandArgument="Approve" />
                <telerik:RadToolBarButton IsSeparator="true" OnLoad="CheckForManageRights" />
                <telerik:RadToolBarButton Checked="false" Text="Previous Budget" CheckOnClick="true"
                    AllowSelfUnCheck="true" PostBack="true" CheckedImageUrl="Images/buttonicons/lightbulb_on.png"
                    Group="PBDG" ImageUrl="~/Images/buttonicons/lightbulb_off.png" ToolTip="Show/Hide the Previous Budget Column"
                    CommandName="ShowHideColumn" CommandArgument="PreviousBudget" OnLoad="SetCheckStatus"
                    Value="PrevBudget" />
                <telerik:RadToolBarButton Checked="false" Text="Previous Actual" CheckOnClick="true"
                    AllowSelfUnCheck="true" PostBack="true" CheckedImageUrl="Images/buttonicons/lightbulb_on.png"
                    Group="PACT" ImageUrl="Images/buttonicons/lightbulb_off.png" ToolTip="Show/Hide the Previous Actuals Column"
                    CommandName="ShowHideColumn" CommandArgument="PreviousActual" OnLoad="SetCheckStatus"
                    Value="PrevAct" />
                <telerik:RadToolBarButton Checked="true" Text="Categories" CheckOnClick="true" AllowSelfUnCheck="true"
                    PostBack="true" CheckedImageUrl="Images/buttonicons/lightbulb_on.png" Group="CATS"
                    ImageUrl="Images/buttonicons/lightbulb_off.png" ToolTip="Show/Hide the Categorization Columns"
                    CommandName="ShowHideColumn" CommandArgument="Categories" OnLoad="SetCheckStatus"
                    Value="Categories" />
                <telerik:RadToolBarButton Checked="true" Text="Year To Date" CheckOnClick="true"
                    AllowSelfUnCheck="true" PostBack="true" CheckedImageUrl="Images/buttonicons/lightbulb_on.png"
                    Group="YTD" ImageUrl="Images/buttonicons/lightbulb_off.png" ToolTip="Show/Hide the Current YTD Column"
                    CommandName="ShowHideColumn" CommandArgument="YTD" OnLoad="SetCheckStatus" Value="YTD" />
                <telerik:RadToolBarButton IsSeparator="true" Visible="true" />
                <telerik:RadToolBarButton Text="Save View" ToolTip="Allows you to store the current view for reference at a later time."
                    PostBack="true" CommandName="SaveView" Visible="true" ImageUrl="~/Images/buttonicons/saveview.png">
                </telerik:RadToolBarButton>
                <telerik:RadToolBarButton Text="Clear View" ToolTip="Allows you to clear the current view and return to the default view."
                    PostBack="true" CommandName="ClearView" Visible="true" ImageUrl="~/images/buttonicons/clearview.png">
                </telerik:RadToolBarButton>
                <telerik:RadToolBarButton IsSeparator="true" />
                <telerik:RadToolBarSplitButton runat="server">
                    <Buttons>
                        <telerik:RadToolBarButton ToolTip="Export The Budget To Excel" runat="server" Text="Export To Excel"
                            ImageUrl="~/Images/export.gif" CommandName="Export" CommandArgument="Excel">
                        </telerik:RadToolBarButton>
                        <telerik:RadToolBarButton ToolTip="Export The Budget To CSV" runat="server" Text="Export To CSV"
                            ImageUrl="~/Images/export.gif" CommandName="Export" CommandArgument="CSV">
                        </telerik:RadToolBarButton>
                        <telerik:RadToolBarButton ToolTip="Export The Budget To PDF" runat="server" Text="Export To PDF"
                            ImageUrl="~/Images/export.gif" CommandName="Export" CommandArgument="PDF">
                        </telerik:RadToolBarButton>
                    </Buttons>
                </telerik:RadToolBarSplitButton>
                <telerik:RadToolBarButton IsSeparator="true" />
                <telerik:RadToolBarButton runat="server" ToolTip="Show the legend for the status images"
                    PostBack="false" Text="Status Legend" CommandName="ShowLegend" />
            </Items>
        </telerik:RadToolBar>
    </div>
    <div class="ControlPanel">
        <asp:Panel ID="HideLockedItemsPanel" runat="server" CssClass="InnerPanel">
            <fieldset>
                <legend>Hide Items</legend>
                <div style="margin: 2px;">
                    <asp:CheckBox ID="HideLockedItems" runat="server" Text="Approved Items" AutoPostBack="true" /></div>
            </fieldset>
        </asp:Panel>
        <asp:Panel ID="UnitListPanel" runat="server" CssClass="InnerPanel">
            <fieldset>
                <legend>Unit:</legend>
                <div style="margin: 2px;">
                    <telerik:RadComboBox ID="drpUnits" runat="server" DataValueField="UnitID" AutoPostBack="true"
                        AllowCustomText="false" DropDownWidth="350px" Height="250px" DataTextField="UnitNameFormatted">
                        <CollapseAnimation Type="InQuint" Duration="200"></CollapseAnimation>
                        <ExpandAnimation Duration="200" Type="OutQuint" />
                    </telerik:RadComboBox>
                </div>
            </fieldset>
        </asp:Panel>
        <asp:Panel ID="ObjectListPanel" runat="server" CssClass="InnerPanel">
            <fieldset>
                <legend>Object:</legend>
                <div style="margin: 2px;">
                    <telerik:RadComboBox ID="drpObjects" runat="server" AutoPostBack="true" AllowCustomText="false"
                        DropDownWidth="350px" Height="250px" DataTextField="ObjectNameFormatted" DataValueField="LineItemID">
                        <CollapseAnimation Type="InQuint" Duration="200" />
                        <ExpandAnimation Type="OutQuint" Duration="200" />
                    </telerik:RadComboBox>
                </div>
            </fieldset>
        </asp:Panel>
        <asp:Panel ID="GroupListPanel" runat="server" Visible="false" CssClass="InnerPanel">
            <label>Group:</label>
            &nbsp;<div
                style="margin: 2px;">
                <telerik:RadComboBox ID="drpGroups" runat="server" DataTextField="Group" DataValueField="Group"
                    AutoPostBack="true" AllowCustomText="false" DropDownWidth="100px" Width="100px">
                    <CollapseAnimation Type="InQuint" Duration="200" />
                    <ExpandAnimation Type="OutQuint" Duration="200" />
                </telerik:RadComboBox>
            </div>
        </asp:Panel>
        <div class="InnerPanel">
            <fieldset>
                <legend>Status:</legend>
                <div style="margin: 2px;">
                    <telerik:RadComboBox ID="drpStatus" runat="server" DataValueField="StatusID" AutoPostBack="true"
                        DropDownWidth="200px" Width="175px" DataTextField="StatusName">
                        <CollapseAnimation Type="InQuint" Duration="200"></CollapseAnimation>
                        <ExpandAnimation Duration="200" Type="OutQuint" />
                    </telerik:RadComboBox>
                </div>
            </fieldset>
        </div>
        <asp:Panel ID="YearListPanel" runat="server" CssClass="InnerPanel">
            <fieldset>
                <legend>Year:</legend>
                <div style="margin: 2px;">
                    <telerik:RadComboBox ID="drpYear" runat="server" AutoPostBack="true" Width="55px"
                        DropDownWidth="55px">
                        <CollapseAnimation Type="InQuint" Duration="200" />
                        <ExpandAnimation Type="OutQuint" Duration="200" />
                    </telerik:RadComboBox>
                </div>
            </fieldset>
        </asp:Panel>
        <div class="InnerPanel">
            <fieldset>
                <legend>All Years</legend>
                <div style="margin: 2px;">
                    <asp:CheckBox runat="server" ID="ckAllYears" AutoPostBack="true" Text="Yes" Checked="false" />
                </div>
            </fieldset>
        </div>
    </div>
    <div class="ControlPanel">
        <telerik:RadGrid ID="CurrentCostCentersGrid" runat="server" AllowMultiRowSelection="True"
            AllowMultiRowEdit="False" AllowFilteringByColumn="False" ShowGroupPanel="True"
            AllowPaging="True" GridLines="Horizontal" AutoGenerateColumns="False" PageSize="60"
            ShowFooter="true" Width="100%" VirtualItemCount="2000">
            <ClientSettings AllowDragToGroup="true" AllowGroupExpandCollapse="true" AllowColumnsReorder="false"
                AllowExpandCollapse="true" AllowColumnHide="true">
                <Selecting AllowRowSelect="true" />
                <ClientEvents OnRowSelected="CostCenterSelectionChanged" OnRowDeselected="CostCenterSelectionChanged"
                    OnRowSelecting="checkValidRowTarget" OnRowDeselecting="checkValidRowTarget" />
            </ClientSettings>
            <GroupPanel Enabled="true" Text="Groups">
            </GroupPanel>
            <PagerStyle Mode="NumericPages" AlwaysVisible="true" Position="TopAndBottom" PageButtonCount="40" />
            <MasterTableView ShowGroupFooter="false" ShowFooter="true" DataKeyNames="CostCenterItemID"
                CommandItemDisplay="None" ClientDataKeyNames="CostCenterItemID" Name="UnitList"
                AutoGenerateColumns="false">
                <RowIndicatorColumn>
                    <HeaderStyle Width="20px"></HeaderStyle>
                    <ItemStyle VerticalAlign="Top" />
                </RowIndicatorColumn>
                <ExpandCollapseColumn Visible="False" UniqueName="ExpandColumn">
                    <HeaderStyle Width="20px"></HeaderStyle>
                    <ItemStyle VerticalAlign="Top" />
                </ExpandCollapseColumn>
                <Columns>
                    <telerik:GridTemplateColumn UniqueName="OpenDetails" AllowFiltering="false" Groupable="false">
                        <ItemTemplate>
                            <a href='<%#Eval("CostCenterItemID", "ItemDetails.aspx?CCID={0}")%>'>
                                <img style="border: none;" src="Images/ButtonIcons/magnify_plus.png" alt="View Details" /></a>
                        </ItemTemplate>
                        <ItemStyle VerticalAlign="Top" HorizontalAlign="Center" Width="18px" />
                        <HeaderStyle Width="18px" />
                    </telerik:GridTemplateColumn>
                    <telerik:GridTemplateColumn UniqueName="OpenReports" AllowFiltering="false" Groupable="false">
                        <ItemTemplate>
                            <a href='<%#Eval("CostCenterItemID","CostCenterReports.aspx?CCID={0}") %>'>
                                <img style="border: none;" src="Images/ButtonIcons/pie_chart.png" alt="View Reports" />
                            </a>
                        </ItemTemplate>
                        <ItemStyle VerticalAlign="Top" HorizontalAlign="Center" Width="18px" />
                        <HeaderStyle Width="18px" />
                    </telerik:GridTemplateColumn>
                    <telerik:GridClientSelectColumn UniqueName="ClientSideSelect">
                        <ItemStyle VerticalAlign="Top" HorizontalAlign="Center" Width="18px" />
                        <HeaderStyle Width="18px" />
                    </telerik:GridClientSelectColumn>
                    <telerik:GridTemplateColumn UniqueName="StatusImage">
                        <ItemTemplate>
                            <img src='images/statusicons/<%#DataBinder.Eval(Container.DataItem,"ImageName") %>_16.png'
                                alt='<%#DataBinder.Eval(Container.DataItem,"StatusName") %>' />
                        </ItemTemplate>
                        <ItemStyle VerticalAlign="Top" HorizontalAlign="Center" Width="18px" />
                        <HeaderStyle Width="18px" />
                    </telerik:GridTemplateColumn>
                    <telerik:GridBoundColumn UniqueName="FundID" DataField="FundID" HeaderText="Fund">
                        <ItemStyle VerticalAlign="Top" HorizontalAlign="Center" Width="24px"/>
                        <HeaderStyle Width="24px" />
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn UniqueName="UnitID" DataField="UnitID" HeaderText="Unit">
                        <ItemStyle VerticalAlign="Top" HorizontalAlign="Center" Width="38px" />
                        <HeaderStyle Width="38px" />
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn UniqueName="LineItemID" DataField="LineItemID" HeaderText="Object">
                        <ItemStyle VerticalAlign="Top" HorizontalAlign="Center" Width="60px" />
                        <HeaderStyle Width="60px" />
                    </telerik:GridBoundColumn>
                    <telerik:GridTemplateColumn UniqueName="CCName" HeaderText="Description">
                        <ItemTemplate>
                            <div>
                                <strong>
                                    <%#DataBinder.Eval(Container.DataItem, "LineItemName")%></strong></div>
                            <div>
                                Fund:
                                <%#DataBinder.Eval(Container.DataItem,"FundName") %></div>
                            <div>
                                Unit:
                                <%#DataBinder.Eval(Container.DataItem, "UnitName")%></div>
                            <div>
                                Last Sync:
                                <%#DataBinder.Eval(Container.DataItem, "LastImportDate", "{0:d} at {0:t}")%></div>
                        </ItemTemplate>
                    </telerik:GridTemplateColumn>
                    <telerik:GridNumericColumn UniqueName="PreviousBudget" DataField="PreviousBudget"
                        NumericType="Currency" HeaderText="Prev. Budget">
                        <ItemStyle HorizontalAlign="Right" VerticalAlign="Top" />
                    </telerik:GridNumericColumn>
                    <telerik:GridNumericColumn UniqueName="PreviousActual" DataField="PreviousActual"
                        NumericType="Currency" HeaderText="Prev. Actual">
                        <ItemStyle HorizontalAlign="Right" VerticalAlign="Top" />
                    </telerik:GridNumericColumn>
                    <telerik:GridNumericColumn UniqueName="CurrentBudget" DataField="CurrentBudget" NumericType="Currency"
                        HeaderText="Budget">
                        <ItemStyle HorizontalAlign="Right" VerticalAlign="Top" />
                    </telerik:GridNumericColumn>
                    <telerik:GridNumericColumn UniqueName="CurrentYTD" DataField="CurrentYTD" NumericType="Currency"
                        HeaderText="YTD">
                        <ItemStyle HorizontalAlign="Right" VerticalAlign="Top" />
                    </telerik:GridNumericColumn>
                    <telerik:GridNumericColumn UniqueName="ProposedBudget" DataField="ProposedBudget"
                        NumericType="Currency" HeaderText="Proposed">
                        <ItemStyle HorizontalAlign="Right" VerticalAlign="Top" />
                    </telerik:GridNumericColumn>
                    <telerik:GridBoundColumn UniqueName="Category" DataField="Category" HeaderText="Category">
                        <ItemStyle VerticalAlign="Top" HorizontalAlign="Left" />
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn UniqueName="Group" DataField="Group" HeaderText="Group">
                        <ItemStyle VerticalAlign="Top" HorizontalAlign="Left" />
                    </telerik:GridBoundColumn>
                </Columns>
            </MasterTableView>
        </telerik:RadGrid>

        <script type="text/javascript">
        </script>

    </div>
    <div id="boxes">
        <div id="dialog" class="window">
            <img src="Images/loading.gif" alt="Loading..." />
        </div>
    </div>
    <div id="mask">
    </div>
</asp:Content>

Thanks!

[Chris]

By the way, I am using jQuery 1.3.2 to display a modal style loading panel.

[Sebastian]

Hello Chris,

To simplify your logic, have you considered intercepting the OnClientShowing/OnClientHiding of RadAjaxLoadingPanel to display it as modal using JQuery? The integration of RadAjaxLoadingPanel with JQuery has been introduced in the 2009.3.1103 (Q3 2009) of the suite and is demonstrated in these sources:

http://demos.telerik.com/aspnet-ajax/ajax/examples/loadingpanel/transparency/defaultcs.aspx
http://www.telerik.com/help/aspnet-ajax/loadingpanel-animation.html

Let me know whether it is suitable for your scenario.

Best regards,
Sebastian
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Chris]

Unfortunately, my development team has not authorized us to move beyond ASP.NET AJAX 2009.1.402 because there is so much new functionality that I see as beneficial -- so in the mean time I have to stay within the currently approved version.

 

I will try to capture the OnClientShowing/OnClientHiding to display it as a modal panel. Thanks for the suggestion!

[Sebastian]

Hello Chris,

I should inform you that these two events are introduced in the latest Q3 2009 release (2009.3.1103) of RadControls for ASP.NET AJAX and are not available in previous releases.

Kind regards,
Sebastian
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.