Hi,
I have a page where I am using an AjaxManager, and a RadGrid. I have added a loading panel, so that it will display when I am doing an Ajax update on the grid.
However, whatever I try, the loading panel will just not display. I have used these before, and I can't see any differences in my other projects than what I have done here - other than this project uses the latest version of the controls (Q2 2011)
HTML for my page is below (Script manager is in the Master page)
Can anybody spot anything obvious? this has been driving me mad for nearly 2 days now!
Thank you
Paul
I have a page where I am using an AjaxManager, and a RadGrid. I have added a loading panel, so that it will display when I am doing an Ajax update on the grid.
However, whatever I try, the loading panel will just not display. I have used these before, and I can't see any differences in my other projects than what I have done here - other than this project uses the latest version of the controls (Q2 2011)
HTML for my page is below (Script manager is in the Master page)
Can anybody spot anything obvious? this has been driving me mad for nearly 2 days now!
Thank you
Paul
<%@ Page Title="" Language="C#" MasterPageFile="~/Master Pages/XLogix_SmallHeader_Flat.master" AutoEventWireup="true" CodeFile="WHLocations.aspx.cs" Inherits="WHLocations" %><%@ MasterType VirtualPath="~/Master Pages/XLogix_SmallHeader_Flat.master" %><%@ Register Assembly="PACWebControls" Namespace="PACWebControls" TagPrefix="pac" %><%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %><asp:Content ID="Content1" ContentPlaceHolderID="headercontentarea" Runat="Server"> <script type="text/javascript"> </script></asp:Content><asp:Content ID="Content2" ContentPlaceHolderID="maincontentarea" Runat="Server"> <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="GridLoadingPanel"> <AjaxSettings> <telerik:AjaxSetting AjaxControlID="WarehouseCombo"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="SearchPanel" /> <telerik:AjaxUpdatedControl ControlID="LocationsGrid" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="SearchBtn"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="LocationsGrid" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="FilterRadio"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="SearchPanel" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="SingleRadio"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="SearchPanel" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="ActiveCheck"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="SettingsPanel" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="SingleCheck"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="SettingsPanel" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="PickFaceCheck"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="SettingsPanel" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="PackagingCheck"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="SettingsPanel" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="SinBinCheck"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="SettingsPanel" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="QuarantineCheck"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="SettingsPanel" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="LoadBayCheck"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="SettingsPanel" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="TransitCheck"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="SettingsPanel" /> </UpdatedControls> </telerik:AjaxSetting> </AjaxSettings> </telerik:RadAjaxManager> <div class="Label" style="left: 20px; width: 280px; position:absolute; top: 0px; height: 25px">Warehouse</div> <div style="left: 150px; width: 280px; position:absolute; top: 0px; height: 25px"> <telerik:RadComboBox ID="WarehouseCombo" runat="server" EnableEmbeddedSkins="False" Skin="XLogixBlue" AutoPostBack="True" onselectedindexchanged="WarehouseCombo_SelectedIndexChanged"> </telerik:RadComboBox> </div> <div class="PanelArea" id="SearchArea" style="left: 0px; width: 980px; position:absolute; top: 30px; height: 80px"> <div class="PanelTopLeft"></div> <div class="PanelBottomLeft"></div> <div class="PanelBottomRight"></div> <div class="PanelTopRight"></div> <asp:Panel ID="SearchPanel" style="position: absolute; top: 0px; left: 0px; width: 980px; height: 80px;" runat="server" > <div style="left: 920px; position: absolute; top: 15px"> <pac:PACWebImageBtn ID="SearchBtn" runat="server" ImageDisabledName="Search_Lge_Btn_DIS.png" ImageDownName="Search_Lge_Btn_DN.png" ImageHighlightName="Search_Lge_Btn_HL.png" ImageNormalName="Search_Lge_Btn.png" ImagePath="/Warehousing/Images/Icon_Buttons_48/" Style="z-index: 100; left: 0px; position: absolute; top: 0px" ToolTip="Search" Enabled="True" onclick="SearchBtn_Click" /> </div> <div style="left: 20px; width: 150px; position:absolute; top: 12px; height: 25px"> <asp:RadioButton ID="FilterRadio" CssClass="BoldLabel" runat="server" Text="Filter Locations" GroupName="SearchMode" Checked="true" AutoPostBack="True" oncheckedchanged="FilterRadio_CheckedChanged" /> </div> <div style="left: 20px; width: 150px; position:absolute; top: 47px; height: 25px"> <asp:RadioButton ID="SingleRadio" CssClass="BoldLabel" runat="server" Text="Single Location" GroupName="SearchMode" AutoPostBack="True" oncheckedchanged="SingleRadio_CheckedChanged" /> </div> <div class="Label" style="left: 190px; width: 120px; position:absolute; top: 15px; height: 25px">Aisle</div> <div style="left: 240px; width: 200px; position:absolute; top: 12px; height: 25px"> <telerik:RadComboBox ID="AislesCombo" runat="server" EnableEmbeddedSkins="False" Skin="XLogixBlue"> </telerik:RadComboBox> </div> <div class="Label" style="left: 440px; width: 280px; position:absolute; top: 15px; height: 25px">Column</div> <div style="left: 500px; width: 170px; position:absolute; top: 12px; height: 25px"> <telerik:RadNumericTextBox ID="ColumnEdit" runat="server" EnableEmbeddedSkins="False" Skin="XLogixBlue" LabelCssClass="" MaxLength="3" Width="100px"> </telerik:RadNumericTextBox> </div> <div class="Label" style="left: 670px; width: 280px; position:absolute; top: 15px; height: 25px">Row</div> <div style="left: 720px; width: 200px; position:absolute; top: 12px; height: 25px"> <telerik:RadComboBox ID="RowsCombo" runat="server" EnableEmbeddedSkins="False" Skin="XLogixBlue"> </telerik:RadComboBox> </div> <div class="Label" style="left: 170px; width: 280px; position:absolute; top: 50px; height: 25px">Location</div> <div style="left: 240px; width: 280px; position:absolute; top: 47px; height: 25px"> <telerik:RadTextBox ID="LocationEdit" runat="server" EnableEmbeddedSkins="False" Skin="XLogixBlue" LabelCssClass="" MaxLength="10" Width="150px" Enabled="false"> </telerik:RadTextBox> </div> </asp:Panel> </div> <telerik:RadAjaxLoadingPanel ID="GridLoadingPanel" Runat="server" style="position:absolute;" IsSticky="true" Skin="Office2007" > </telerik:RadAjaxLoadingPanel> <div class="PanelArea" id="GridArea" style="left: 0px; width: 980px; position:absolute; top: 130px; height: 300px"> <div class="PanelTopLeft"></div> <div class="PanelBottomLeft"></div> <div class="PanelBottomRight"></div> <div class="PanelTopRight"></div> <div id="GridContainer" style="position: absolute; width: 960px; height: 400px; left: 10px; top: 10px"> <telerik:RadGrid ID="LocationsGrid" runat="server" AutoGenerateColumns="False" CellSpacing="0" AllowSorting="True" Height="280px" EnableEmbeddedSkins="False" GroupingEnabled="False" Skin="XLogixBlue" GridLines="None" AllowMultiRowSelection="True" > <ClientSettings AllowExpandCollapse="False" AllowKeyboardNavigation="True"> <Selecting AllowRowSelect="True" EnableDragToSelectRows="False" /> <Scrolling AllowScroll="True" UseStaticHeaders="True" /> </ClientSettings> <MasterTableView> <CommandItemSettings ExportToPdfText="Export to PDF" AddNewRecordImageUrl="AddRecord.gif" ExportToCsvImageUrl="ExportToCsv.gif" ExportToExcelImageUrl="ExportToExcel.gif" ExportToPdfImageUrl="ExportToPdf.gif" ExportToWordImageUrl="ExportToWord.gif" RefreshImageUrl="Refresh.gif"></CommandItemSettings><RowIndicatorColumn FilterControlAltText="Filter RowIndicator column"></RowIndicatorColumn><ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column"></ExpandCollapseColumn> <Columns> <telerik:GridClientSelectColumn UniqueName="LGClientSelectColumn"> <HeaderStyle Width="30px" /> </telerik:GridClientSelectColumn> <telerik:GridBoundColumn DataField="warehouseid" Display="True" UniqueName="LGWarehouseID" HeaderText="W/H"> <HeaderStyle Width="30px" HorizontalAlign="Center" /> <ItemStyle HorizontalAlign="Center" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="locationid" Display="True" UniqueName="LGLocationID" HeaderText="Loc"> <HeaderStyle Width="60px" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="description" Display="False" HeaderText="Job Type" UniqueName="LGDescription" > </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="totalcapacity" Display="False" HeaderText="Priority" UniqueName="LGTotalCapacity" > </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="totalweight" Display="False" UniqueName="LGTotalWeight" > </telerik:GridBoundColumn> <telerik:GridCheckBoxColumn DataField="allowsphysical" Display="False" UniqueName="LGAllowsPhysical" > </telerik:GridCheckBoxColumn> <telerik:GridCheckBoxColumn DataField="allowsquarantine" Display="False" UniqueName="LGAllowsPhysical" > </telerik:GridCheckBoxColumn> <telerik:GridCheckBoxColumn DataField="allowsrejected" Display="False" UniqueName="LGAllowsPhysical" > </telerik:GridCheckBoxColumn> <telerik:GridCheckBoxColumn DataField="active" Display="True" UniqueName="LGActive" HeaderText="Active" > <HeaderStyle Width="40px" /> <ItemStyle HorizontalAlign="Center" /> </telerik:GridCheckBoxColumn> <telerik:GridCheckBoxColumn DataField="singlebatchonly" Display="True" UniqueName="LGSingleBatch" HeaderText="Single" > <HeaderStyle Width="40px" HorizontalAlign="Center"/> <ItemStyle HorizontalAlign="Center" /> </telerik:GridCheckBoxColumn> <telerik:GridBoundColumn DataField="gridreference" Display="False" UniqueName="LGGridReference" > </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="auditoperation" Display="False" HeaderText="Pallet" UniqueName="JGSerialNo" > </telerik:GridBoundColumn> <telerik:GridCheckBoxColumn DataField="iscapacityused" Display="False" UniqueName="LGCapacityUsed" > </telerik:GridCheckBoxColumn> <telerik:GridCheckBoxColumn DataField="isweightused" Display="False" UniqueName="LGWeightUsed" > </telerik:GridCheckBoxColumn> <telerik:GridCheckBoxColumn DataField="istransitlocation" Display="True" UniqueName="LGTransitLocation" HeaderText="Tran" > <HeaderStyle Width="40px" /> <ItemStyle HorizontalAlign="Center" /> </telerik:GridCheckBoxColumn> <telerik:GridCheckBoxColumn DataField="issublocation" Display="True" UniqueName="LGSubLocation" HeaderText="S/Loc" > <HeaderStyle Width="40px" /> <ItemStyle HorizontalAlign="Center" /> </telerik:GridCheckBoxColumn> <telerik:GridCheckBoxColumn DataField="isloadingbay" Display="True" UniqueName="LGLoadingBay" HeaderText="L/Bay" > <HeaderStyle Width="40px" /> <ItemStyle HorizontalAlign="Center" /> </telerik:GridCheckBoxColumn> <telerik:GridCheckBoxColumn DataField="issinbin" Display="True" UniqueName="LGSinBin" HeaderText="SinBin" > <HeaderStyle Width="40px" /> <ItemStyle HorizontalAlign="Center" /> </telerik:GridCheckBoxColumn> <telerik:GridCheckBoxColumn DataField="isquarantine" Display="True" UniqueName="LGQuarantine" HeaderText="Q/tn" > <HeaderStyle Width="30px" /> <ItemStyle HorizontalAlign="Center" /> </telerik:GridCheckBoxColumn> <telerik:GridCheckBoxColumn DataField="pickface" Display="True" UniqueName="LGPickFace" HeaderText="Pick" > <HeaderStyle Width="40px" /> <ItemStyle HorizontalAlign="Center" /> </telerik:GridCheckBoxColumn> <telerik:GridCheckBoxColumn DataField="packaging" Display="True" UniqueName="LGPackaging" HeaderText="Active" > <HeaderStyle Width="40px" /> <ItemStyle HorizontalAlign="Center" /> </telerik:GridCheckBoxColumn> <telerik:GridBoundColumn DataField="area" Display="False" HeaderText="Area" UniqueName="LGArea" > </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="category" Display="True" HeaderText="Cat" UniqueName="LGCategory" > <HeaderStyle Width="30px" /> <ItemStyle HorizontalAlign="Center" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="palletcategory" Display="False" HeaderText="P/Cat" UniqueName="LGPalletCategory" > <HeaderStyle Width="30px" /> <ItemStyle HorizontalAlign="Center" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="pallettype" Display="True" HeaderText="P/Type" UniqueName="LGPalletType" > <HeaderStyle Width="30px" /> <ItemStyle HorizontalAlign="Center" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="priority" Display="false" HeaderText="Priority" UniqueName="LGPriority" > </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="aisle" Display="false" HeaderText="Aisle" UniqueName="LGAisle" > </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="column" Display="false" HeaderText="Column" UniqueName="LGColumn" > </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="row" Display="false" HeaderText="Row" UniqueName="LGRow" > </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="height" Display="True" UniqueName="LGHeight" HeaderText="Height" > <HeaderStyle Width="40px" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="serialnumber" Display="True" UniqueName="LGSerialNumber" HeaderText="Pallet" > <HeaderStyle Width="120px" /> </telerik:GridBoundColumn> </Columns> <EditFormSettings> <EditColumn InsertImageUrl="Update.gif" UpdateImageUrl="Update.gif" EditImageUrl="Edit.gif" CancelImageUrl="Cancel.gif" FilterControlAltText="Filter EditCommandColumn column"></EditColumn> </EditFormSettings> </MasterTableView> <FilterMenu EnableImageSprites="False" EnableEmbeddedSkins="False"></FilterMenu> <HeaderContextMenu EnableEmbeddedSkins="False" CssClass="GridContextMenu GridContextMenu_XLogixBlue"></HeaderContextMenu> </telerik:RadGrid> </div> </div> <div class="PanelArea" id="Div1" style="left: 0px; width: 980px; position:absolute; top: 490px; height: 180px"> <div class="PanelTopLeft"></div> <div class="PanelBottomLeft"></div> <div class="PanelBottomRight"></div> <div class="PanelTopRight"></div> <asp:Panel ID="SettingsPanel" style="position: absolute; top: 0px; left: 0px; width: 980px; height: 180px;" runat="server" > <div style="left: 20px; position: absolute; top: 15px"> <pac:PACWebImageBtn ID="EditBtn" runat="server" ImageDisabledName="Edit_Btn_DIS.png" ImageDownName="Edit_Btn_DN.png" ImageHighlightName="Edit_Btn_HL.png" ImageNormalName="Edit_Btn.png" ImagePath="/Warehousing/Images/Icon_Buttons_48/" Style="z-index: 100; left: 0px; position: absolute; top: 0px" ToolTip="Search" Enabled="True" onclick="EditBtn_Click" /> </div> <div style="left: 120px; width: 200px; position:absolute; top: 17px; height: 25px"> <asp:CheckBox ID="ActiveCheck" runat="server" cssclass="BoldLabel" Text="Location Active" AutoPostBack="True" oncheckedchanged="ActiveCheck_CheckedChanged" Enabled="False" /> </div> <div class="Label" style="left: 120px; width: 280px; position:absolute; top: 47px; height: 25px">Pallet Category</div> <div style="left: 150px; width: 280px; position:absolute; top: 67px; height: 25px"> <telerik:RadComboBox ID="PalletCatsCombo" runat="server" EnableEmbeddedSkins="False" Skin="XLogixBlue" Enabled="False"> </telerik:RadComboBox> </div> <div class="Label" style="left: 120px; width: 280px; position:absolute; top: 107px; height: 25px">Put-Away Category</div> <div style="left: 150px; width: 280px; position:absolute; top: 127px; height: 25px"> <telerik:RadComboBox ID="PutawayCatsCombo" runat="server" EnableEmbeddedSkins="False" Skin="XLogixBlue" Enabled="false"> </telerik:RadComboBox> </div> <div style="left: 420px; width: 200px; position:absolute; top: 17px; height: 25px"> <asp:CheckBox ID="SingleCheck" runat="server" cssclass="Label" Text="Single Pallet (Rack)" AutoPostBack="True" oncheckedchanged="SingleCheck_CheckedChanged" Enabled="False" /> </div> <div style="left: 420px; width: 200px; position:absolute; top: 47px; height: 25px"> <asp:CheckBox ID="PickFaceCheck" runat="server" cssclass="Label" Text="Pick Face" AutoPostBack="True" Enabled="False" oncheckedchanged="PickFaceCheck_CheckedChanged" /> </div> <div style="left: 420px; width: 200px; position:absolute; top: 77px; height: 25px"> <asp:CheckBox ID="PackagingCheck" runat="server" cssclass="Label" Text="Packaging" AutoPostBack="True" Enabled="false" oncheckedchanged="PackagingCheck_CheckedChanged" /> </div> <div style="left: 420px; width: 200px; position:absolute; top: 107px; height: 25px"> <asp:CheckBox ID="SubLocCheck" runat="server" cssclass="Label" Text="Sub-Location" AutoPostBack="True" Enabled="false" oncheckedchanged="SubLocCheck_CheckedChanged" /> </div> <div class="Label" style="left: 423px; width: 280px; position:absolute; top: 137px; height: 25px">Height (m)</div> <div style="left: 520px; width: 200px; position:absolute; top: 134px; height: 25px"> <telerik:RadNumericTextBox ID="HeightEdit" runat="server" EnableEmbeddedSkins="False" Skin="XLogixBlue" LabelCssClass="" MaxLength="6" Width="70px" Enabled="false"> </telerik:RadNumericTextBox> </div> <div style="left: 690px; width: 200px; position:absolute; top: 17px; height: 25px"> <asp:CheckBox ID="SinBinCheck" runat="server" cssclass="Label" Text="Sin Bin" AutoPostBack="True" oncheckedchanged="SinBinCheck_CheckedChanged" Enabled="False" /> </div> <div style="left: 690px; width: 200px; position:absolute; top: 47px; height: 25px"> <asp:CheckBox ID="QuarantineCheck" runat="server" cssclass="Label" Text="Quarantine" AutoPostBack="True" oncheckedchanged="QuarantineCheck_CheckedChanged" Enabled="False" /> </div> <div style="left: 690px; width: 200px; position:absolute; top: 77px; height: 25px"> <asp:CheckBox ID="LoadBayCheck" runat="server" cssclass="Label" Text="Loading Bay" AutoPostBack="True" oncheckedchanged="LoadBayCheck_CheckedChanged" Enabled="False" /> </div> <div style="left: 690px; width: 200px; position:absolute; top: 107px; height: 25px"> <asp:CheckBox ID="TransitCheck" runat="server" cssclass="Label" Text="Transit Location" AutoPostBack="True" oncheckedchanged="TransitCheck_CheckedChanged" Enabled="False" /> </div> <div style="left: 920px; position: absolute; top: 15px"> <pac:PACWebImageBtn ID="SaveBtn" runat="server" ImageDisabledName="OK_Lge_Btn_DIS.png" ImageDownName="OK_Lge_Btn_DN.png" ImageHighlightName="OK_Lge_Btn_HL.png" ImageNormalName="OK_Lge_Btn.png" ImagePath="/Warehousing/Images/Icon_Buttons_48/" Style="z-index: 100; left: 0px; position: absolute; top: 0px" ToolTip="Search" Enabled="False" onclick="SaveBtn_Click" /> </div> </asp:Panel> </div></asp:Content>