RadAjaxLoadingPanel not showing properly

[Eric]

i've got a radgrid and a button that both need to have a loading graphic on them. the radgrid is more important than the button, but both is preferred. i do have a master page on my .aspx.

what happens is when i hit the 'submit' button i get a loading graphic on top of the submit button but not on the grid. THEN, once something else is triggered (submit button or radgrid update) there is no loading indicator at all.

please help!

here's the contents of the .aspx page:


<asp:content id="ctRecoverCart" contentplaceholderid="AdminContent" runat="server">
    
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server" />
    <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" />
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest" >
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="submitbtn" >
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />
                    <telerik:AjaxUpdatedControl ControlID="submitbtn" LoadingPanelID="RadAjaxLoadingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>             
              <telerik:AjaxSetting AjaxControlID="RadGrid1" >
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            
        </AjaxSettings>
    </telerik:RadAjaxManager>
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" Skin="Transparent" InitialDelayTime="0" EnableSkinTransparency="false" runat="server" />

    <form id="search" >

    <fieldset id="searchcriteria">
    <legend>Enter Search Criteria</legend>
    <label for="CartID">Cart ID</label><telerik:RadTextBox runat="server" id="CartID" Width="250px"/>
    <span id="spanSMIT"><telerik:RadButton runat="server" ID="submitbtn" Width="100px"
            UseSubmitBehavior="true" Text="Apply" AutoPostBack="true" 
            onclick="Submit_Clicked" />
            <telerik:RadButton ID="resetbtn" runat="server" OnClientClicked="clearForm" Width="100px"
            Text="Reset" AutoPostBack="false" UseSubmitBehavior="false"  /></span>
    <hr />
    <span id="spanAD"><label for="sAddr1">Shipping Address1</label><telerik:RadTextBox runat="server" id="sAddr1"/>
    <label for="sAddr2">Shipping Address2</label><telerik:RadTextBox runat="server" id="sAddr2"/></span>
    <span id="spanSZ"><label for="sCity">Shipping City</label><telerik:RadTextBox runat="server" id="sCity"/>
    <label for="sState">Shipping State</label><telerik:RadTextBox runat="server" id="sState"/>
    <label for="sZip">Shipping Zip</label><telerik:RadTextBox runat="server" id="sZip"/></span>
    <span id="spanPE"><label for="sPhone">Shipping Phone</label><telerik:RadTextBox runat="server" id="sPhone"/>
    <label for="sEmail">Shipping Email</label><telerik:RadTextBox runat="server" id="sEmail"/>
    </span>
    
    </fieldset>

    </form>


    <telerik:RadGrid Visible="false" ID="RadGrid1" runat="server" Width="100%"
        AllowPaging="True" AllowSorting="True" PageSize="50" CellSpacing="0" 
        OnNeedDataSource="RadGrid1_NeedDataSource" GridLines="None" AllowCustomPaging="true"
        AllowFilteringByColumn="false" ShowStatusBar="true" AutoGenerateColumns="false"
        AllowAutomaticUpdates="true" >
    
        <PagerStyle Mode="NumericPages" />

         <ClientSettings>
            <Scrolling AllowScroll="True" EnableVirtualScrollPaging="True" UseStaticHeaders="True"
                SaveScrollPosition="True"></Scrolling>
        </ClientSettings>


        <MasterTableView>


        <CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>
        <RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">
            <HeaderStyle Width="20px"></HeaderStyle>
        </RowIndicatorColumn>
        <ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">
            <HeaderStyle Width="20px"></HeaderStyle>
        </ExpandCollapseColumn>


        <Columns>
            <telerik:GridBoundColumn DataField="CartID" HeaderText="Cart ID" UniqueName="CartID"><ItemStyle Width="150px"></ItemStyle></telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="CartName" HeaderText="Cart Name" UniqueName="CartName" AllowFiltering="false" />
            <telerik:GridBoundColumn DataField="sAddr1" HeaderText="Shipping Address 1" UniqueName="sAddr1" />
            <telerik:GridBoundColumn DataField="sAddr2" HeaderText="Shipping Address 2" UniqueName="sAddr2" />
            <telerik:GridBoundColumn DataField="sCity" HeaderText="Shipping City" UniqueName="sCity" />
            <telerik:GridBoundColumn DataField="sState" HeaderText="Shipping State" UniqueName="sState" />
            <telerik:GridBoundColumn DataField="sZip" HeaderText="Shipping Zip" UniqueName="sZip" />
            <telerik:GridBoundColumn DataField="sPhone" HeaderText="Shipping Phone" UniqueName="sPhone" />
            <telerik:GridBoundColumn DataField="sEmail" HeaderText="Shipping Email" UniqueName="sEmail" />
            <telerik:GridBoundColumn DataField="PONumber" HeaderText="PO Number" UniqueName="PONumber" AllowFiltering="false" />
            <telerik:GridBoundColumn DataField="DateDeleted" HeaderText="Date Deleted" UniqueName="DateDeleted" DataFormatString="{0:MM/dd/yyyy}" />
            <telerik:GridBoundColumn DataField="QtyCO" HeaderText="Qty Current Order" UniqueName="QtyCO" AllowFiltering="false" />
            <telerik:GridBoundColumn DataField="QtyBO" HeaderText="Qty Back Order" UniqueName="QtyBO" AllowFiltering="false"  />
            <telerik:GridCalculatedColumn HeaderText="Total Qty" UniqueName="TotalQty" DataType="System.Double"
                        DataFields="QtyCO, QtyBO" Expression="{0}+{1}" FooterText="Total : "
                        Aggregate="Sum" AllowFiltering="false" />
        </Columns>


        </MasterTableView>


        <FilterMenu EnableImageSprites="False"></FilterMenu>


        <HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default"></HeaderContextMenu>
    
    </telerik:RadGrid>

</asp:content>

[Eric]

i just noticed that this works fine with IE8. however i am using Google Chrome and it doesn't work (works as i stated above).

any ideas?

[ravindra]

hi Eric,
i have made changes to ur code . the changes are as follows..
the update control code should be like as below..

 

<

 

 

telerik:RadScriptManager ID="RadScriptManager1" runat="server" />

 

<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" />

 

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

 

<telerik:AjaxSetting AjaxControlID="submitbtn">

 

<UpdatedControls>

 

<telerik:AjaxUpdatedControl ControlID="radgridtrack" LoadingPanelID="RadAjaxLoadingPanel1" />

 

<telerik:AjaxUpdatedControl ControlID="submitbtn" LoadingPanelID="RadAjaxLoadingPanel1" />

 

</UpdatedControls>

 

</telerik:AjaxSetting>

 

<telerik:AjaxSetting AjaxControlID="radgridtrack">

 

<UpdatedControls>

 

<telerik:AjaxUpdatedControl ControlID="radgridtrack" LoadingPanelID="RadAjaxLoadingPanel1" />

 

</UpdatedControls>

 

</telerik:AjaxSetting>

 

</AjaxSettings>

 

</telerik:RadAjaxManager>

 

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" InitialDelayTime="0" EnableSkinTransparency="false"

 

runat="server" />

The search criteria fieldset code should be ..

 

 

 

 

 

<fieldset id="searchcriteria">

 

 

 

 

 

<legend>Enter Search Criteria</legend>

 

 

 

 

 

<label for="CartID">

Cart ID

 

 

 

 

 

</label><telerik:RadTextBox runat="server" ID="CartID" Width="250px" />

 

 

 

 

 

<span id="spanSMIT">

 

 

 

 

 

<telerik:RadButton runat="server" ID="submitbtn" Width="100px" UseSubmitBehavior="true"

 

 

 

 

 

Text="Apply" AutoPostBack="true" OnClick="submitbtn_Click" />

 

 

 

 

 

<telerik:RadButton ID="resetbtn" runat="server" OnClientClicked="clearForm" Width="100px"

 

 

 

 

 

Text="Reset" AutoPostBack="false" UseSubmitBehavior="false" />

 

 

 

 

 

</span>

 

 

 

 

 

<hr />

 

 

 

 

 

<span id="spanAD">

 

 

 

 

 

<label for="sAddr1">

Shipping Address1

 

 

 

 

 

</label><telerik:RadTextBox runat="server" ID="sAddr1" />

 

 

 

 

 

<label for="sAddr2">

Shipping Address2

 

 

 

 

 

</label><telerik:RadTextBox runat="server" ID="sAddr2" /></span>

 

 

 

 

 

<span id="spanSZ">

 

 

 

 

 

<label for="sCity">

Shipping City

 

 

 

 

 

</label><telerik:RadTextBox runat="server" ID="sCity" />

 

 

 

 

 

<label for="sState">

Shipping State

 

 

 

 

 

</label><telerik:RadTextBox runat="server" ID="sState" />

 

 

 

 

 

<label for="sZip">

Shipping Zip

 

 

 

 

 

</label><telerik:RadTextBox runat="server" ID="sZip" /></span>

 

 

 

 

 

<span id="spanPE">

 

 

 

 

 

<label for="sPhone">

Shipping Phone

 

 

 

 

 

</label><telerik:RadTextBox runat="server" ID="sPhone" />

 

 

 

 

 

<label for="sEmail">

Shipping Email

 

 

 

 

 

</label><telerik:RadTextBox runat="server" ID="sEmail" />

 

 

 

 

 

</span>

 

 

 

 

 

</fieldset>

the radgrid code...

<

 

 

 

 

 

 

 

 

telerik:RadGrid ID="radgridtrack" runat="server" OnNeedDataSource="radgridtrack_NeedDataSource1">

 

 

 

 

 

<MasterTableView>

 

 

 

 

 

<Columns>

 

 

 

 

 

<telerik:GridBoundColumn DataField="CartID" HeaderText="Cart ID" UniqueName="CartID">

 

 

 

 

 

<ItemStyle Width="150px"></ItemStyle>

 

 

 

 

 

</telerik:GridBoundColumn>

 

 

 

 

 

<telerik:GridBoundColumn DataField="CartName" HeaderText="CartName" UniqueName="CartName"

 

 

 

 

 

AllowFiltering="false" />

 

 

 

 

 

<telerik:GridBoundColumn DataField="Shipping Address1" HeaderText="ShippingAddress 1"

 

 

 

 

 

UniqueName="ShippingAddress1" />

 

 

 

 

 

<telerik:GridBoundColumn DataField="ShippingAddressr2" HeaderText="ShippingAddress 2"

 

 

 

 

 

UniqueName="ShippingAddress2" />

 

 

 

 

 

<telerik:GridBoundColumn DataField="ShippingCity" HeaderText="ShippingCity" UniqueName="ShippingCity" />

 

 

 

 

 

<telerik:GridBoundColumn DataField="ShippingState" HeaderText="ShippingState" UniqueName="ShippingState" />

 

 

 

 

 

</Columns>

 

 

 

 

 

</MasterTableView>

 

 

 

 

 

</telerik:RadGrid>
In codebehind file include this code..

 

 

 

 

 

protected void submitbtn_Click(object sender, EventArgs e)

{

 

 

 

 

 

SqlConnection con = new SqlConnection("Data Source=RXDOTNET;Initial Catalog=.net trainee emp000;User Id=dotnet;Password=dotnet");

con.Open();

 

 

 

 

 

SqlDataAdapter cmd = new SqlDataAdapter("select * from ship where CartID='" + CartID.Text + "'", con);

 

 

 

 

 

DataSet ds = new DataSet();

cmd.Fill(ds,

 

 

 

 

 

"fd");

radgridtrack.DataSource = ds;

radgridtrack.Rebind();

}

 

 

 

 

 

protected void radgridtrack_NeedDataSource1(object sender, Telerik.Web.UI.GridNeedDataSourceEventArgs e)

{

 

 

 

 

 

SqlConnection con = new SqlConnection("Data Source=RXDOTNET;Initial Catalog=.net trainee emp000;User Id=dotnet;Password=dotnet");

con.Open();

 

 

 

 

 

SqlDataAdapter cmd = new SqlDataAdapter("select * from ship", con);

 

 

 

 

 

DataSet ds = new DataSet();

cmd.Fill(ds,

 

 

 

 

 

"fd");

radgridtrack.DataSource = ds;

}

[Eric]

thanks but i'm having trouble determining what they key elements of your changes are.

after formatting it (since this forum seems to mess up code a bit) could u tell me what they key bits to your changes are?