Hi,
Happy holliday !
I am relatively new to C#/.NET, Telerik and DNN, I have a grid.ascx with a loading panel that works just fine when I use it in the standard aspx scenerio.
I uploaded it as a module in DotNetNuke 04.09.03. It works fine so far except for the loading panel. It does not display my spinny in IE or FF ?
I am using my Telerik 2009.1.527 lisence, windows xp pro, IE7, .NET 3.5.
Here are the DNN namespaces I include .....
Here is the loadingpanel code ......
thanks for your advice,
Happy holliday !
I am relatively new to C#/.NET, Telerik and DNN, I have a grid.ascx with a loading panel that works just fine when I use it in the standard aspx scenerio.
I uploaded it as a module in DotNetNuke 04.09.03. It works fine so far except for the loading panel. It does not display my spinny in IE or FF ?
I am using my Telerik 2009.1.527 lisence, windows xp pro, IE7, .NET 3.5.
Here are the DNN namespaces I include .....
<%@ Control Language="C#" AutoEventWireup="true" Inherits="DotNetNuke.Entities.Modules.PortalModuleBase" %> | |
<%@ Import Namespace="System.Data" %> | |
<%@ Import Namespace="DotNetNuke" %> | |
<%@ Import Namespace="DotNetNuke.Security" %> | |
<%@ Import Namespace="DotNetNuke.Modules" %> | |
<%@ Register TagName="IQqeqmTag" TagPrefix="IQqeqmPrefix" Src="~/DesktopModules/MBS/iqEquipmentMaintCT.ascx" %> | |
<%@ Reference Control="~/DesktopModules/MBS/iqEquipmentMaintCT.ascx" %> | |
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> |
Here is the loadingpanel code ......
<body> | |
<div> | |
<asp:HiddenField ID="iqEQGClientTime" runat="server" /> | |
</div> | |
<telerik:RadAjaxManagerProxy ID="RadAjaxManageriq1" runat="server" > | |
<AjaxSettings > | |
<telerik:AjaxSetting AjaxControlID="equipmentGrid" > | |
<UpdatedControls> | |
<telerik:AjaxUpdatedControl ControlID="equipmentGrid" | |
LoadingPanelID="RadAjaxLoadingPanel1" /> | |
<telerik:AjaxUpdatedControl ControlID="RadToolTipGeneralHelp" /> | |
</UpdatedControls> | |
</telerik:AjaxSetting> | |
</AjaxSettings> | |
</telerik:RadAjaxManagerProxy> | |
<%-- 090921a --%> | |
<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server"> | |
<script language="javascript" type="text/javascript"> | |
function EQGClientTime() { | |
// alert("scriptmgr clientTime"); | |
var dte = new Date(); | |
document.forms[0]['<%=iqEQGClientTime.ClientID%>'].value = dte.toLocaleString(); | |
//alert(document.forms[0]['<%=iqEQGClientTime.ClientID%>'].value); | |
} | |
</script> | |
</telerik:RadCodeBlock> | |
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" | |
runat="server" Transparency="5"> | |
<table style="width: 100%; height: 100%;"> | |
<tr style="height: 100%"> | |
<td align="center" valign="middle" style="width: 100%"> | |
<asp:Image ID="Image2" ImageUrl="~/mybodyscience/iqimages/Loading_Images/loading3.gif" | |
BorderWidth="0px" Height="45px" Width="145px" AlternateText="Processing Data ...." | |
runat="server"></asp:Image> | |
</td> | |
</tr> | |
</table> | |
</telerik:RadAjaxLoadingPanel> | |
<%-- 090818c Removed RadGrid Height=500 --%> | |
<telerik:RadGrid ID="equipmentGrid" runat="server" AllowPaging="True" | |
GridLines="none" AutoGenerateDeleteColumn="false" EnableHeaderContextMenu="false" | |
AutoGenerateColumns="false" OnItemCommand="equipmentGrid_ItemCommand" | |
OnNeedDataSource="equipmentGrid_NeedDataSource" | |
Skin="Office2007" OnItemDataBound="equipmentGrid_ItemDataBound" | |
style="overflow:hidden" | |
ShowStatusBar="true" ShowFooter="true" Width="398" | |
OnPreRender="equipmentGrid_PreRender" OnItemCreated="equipmentGrid_ItemCreated"> | |
<%--090814g00 <FooterStyle Font-Bold="true"/> --%> | |
<%--090814g00--%> <FooterStyle Font-Bold="true" BackColor="#9AB5DB" /> | |
<StatusBarSettings LoadingText="Loading ..." ReadyText="Ready ..." /> | |
<ClientSettings> | |
<Scrolling AllowScroll="true" /> | |
<Resizing AllowRowResize="false" EnableRealTimeResize="false" | |
ResizeGridOnColumnResize="false" ClipCellContentOnResize="false" | |
AllowColumnResize="true" ></Resizing> | |
</ClientSettings> | |
<MasterTableView AutoGenerateColumns="False" CommandItemDisplay="Top" GridLines="None" | |
HeaderStyle-Wrap="false" | |
TableLayout="Fixed" AllowSorting="true" | |
RowIndicatorColumn-Display="false" DataKeyNames="equEquipmentNo"> | |
<ItemStyle Font-Size="Small" ForeColor="#4E026E" BackColor="#FFE140" /> | |
<AlternatingItemStyle Font-Size="Small" BackColor="#FFE973" ForeColor="Black" /> | |
<%-- --%> | |
<CommandItemTemplate> | |
<asp:Image ID="Image1" runat="server" ImageUrl="~/mybodyscience/iqimages/iqimage$/iStock_000003163184XSmall.jpg" | |
Height="135px" Width="100%" /> | |
<div style="text-align: center; background-color: #996633; color: Blue; font-size: medium"> | |
<asp:Label ID="capID" runat="server" BackColor="#996633" ForeColor="Yellow" Text="Add or Change Your Equipment Information" /> | |
<telerik:RadMenu OnClientMouseOut="Mmouseout" OnClientMouseOver="Mmouseover" OnItemClick="RadMenu1_OnItemClick" | |
ID="RadMenuLine" ExpandAnimation-Type="InOutBack" | |
CollapseAnimation-Type="InQuad" BorderColor="Brown" | |
Skin="WebBlue" runat="server" Font-Size="Small" | |
Width="100%" commandName="MenuCommand" > | |
<Items> | |
<telerik:RadMenuItem GroupSettings-ExpandDirection="Up" runat="server" Text="Select View" | |
PostBack="false" | |
BackColor="Yellow" ForeColor="Brown" Font-Bold="true" Style="font-weight: bold"> | |
<Items> | |
<telerik:RadMenuItem runat="server" Text="Detail View" CssClass="MenuItemLeft" | |
BackColor="Yellow" ForeColor="Blue"> | |
</telerik:RadMenuItem> | |
<telerik:RadMenuItem runat="server" Text="Summary View" ForeColor="Blue"> | |
</telerik:RadMenuItem> | |
<telerik:RadMenuItem runat="server" Text="Print View" NavigateUrl="~/mybodyscience/MBS_Reports/iqReport_Display.aspx" | |
ForeColor="Blue" BackColor="Yellow" Target="_blank"> | |
</telerik:RadMenuItem> | |
</Items> | |
</telerik:RadMenuItem> | |
<telerik:RadMenuItem runat="server" Text="Add Equipment" commandName="MAddCommand" | |
BackColor="Yellow" ForeColor="Brown" Font-Bold="true" > | |
</telerik:RadMenuItem> | |
<telerik:RadMenuItem runat="server" Text="Refresh" | |
BackColor="Yellow" ForeColor="Brown" Font-Bold="true" > | |
</telerik:RadMenuItem> | |
<telerik:RadMenuItem runat="server" id="Mhelp" Text="Help" commandName="MhelpCommand" | |
BackColor="Yellow" ForeColor="Brown" Font-Bold="true" Value="88"> | |
</telerik:RadMenuItem> | |
</Items> | |
</telerik:RadMenu> | |
</div> | |
</CommandItemTemplate> | |
<%--090814g00--%> <ItemStyle Font-Size="Small" ForeColor="#4E026E" BackColor="#FFE140" /> | |
<%--090814g00--%> <AlternatingItemStyle Font-Size="Small" BackColor="#FFE973" ForeColor="Black" /> | |
<Columns> | |
<telerik:GridBoundColumn DataField="equMemberNo" HeaderText="MemberNo" ReadOnly="true" | |
UniqueName="equMemberNo" Visible="false" DataType="System.String"> | |
</telerik:GridBoundColumn> | |
<telerik:GridTemplateColumn UniqueName="equEquipmentNo" HeaderText="No." HeaderStyle-Width="25px" | |
HeaderStyle-CssClass="rgHeader NoBorder" | |
SortExpression="equEquipmentNo" | |
ItemStyle-CssClass="NoBorder" Resizable="true"> | |
<ItemTemplate> | |
<div style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"> | |
<asp:Label ID="lblequEquipmentNo" ToolTip="The ID for this Equipment" runat="server" | |
Text='<%#Eval("equEquipmentNo")%>'></asp:Label> | |
</div> | |
</ItemTemplate> | |
<FooterTemplate> | |
</FooterTemplate> | |
</telerik:GridTemplateColumn> | |
<%-- TTP Start--%> | |
<telerik:GridTemplateColumn UniqueName="equEquipmentName" HeaderText="Name & Detail" | |
HeaderStyle-Width="135px" SortExpression="equEquipmentName" | |
Resizable="true"> | |
<ItemTemplate> | |
<div style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"> | |
<asp:Label Font-Underline="true" ID="lblequEquipmentName" runat="server" Text='<%#Eval("equEquipmentName")%>'></asp:Label> | |
</div> | |
<telerik:RadToolTip ID="RadToolTip1" runat="server" ManualClose="false" TargetControlID="lblequEquipmentName" | |
RelativeTo="Mouse" Skin="Outlook" Animation="None" Sticky="true" AutoCloseDelay="3000" | |
Position="MiddleRight" ToolTip="Name of this Eqip" Height="285" Width="325"> | |
<div style="background-color: Yellow; font-size: medium; color: Blue; font-weight: bolder"> | |
<asp:Label runat="server" Style="background-color: Yellow" ID="Label7" Text="Equipment Information"> </asp:Label> | |
<br> | |
<asp:Label runat="server" Style="background-color: Yellow" ID="Label6" Text="Name ..:"> </asp:Label> | |
<asp:TextBox ID="eName" runat="server" TextMode="MultiLine" Width="200px" Rows="1" | |
Wrap="true" ReadOnly="true" /> | |
<%-- Equipment .: | |
<%# DataBinder.Eval(Container, "DataItem.equEquipmentName")%>--%> | |
<br> | |
<asp:Label runat="server" Style="background-color: Yellow" ID="Label9" Text="Locat ..:"> </asp:Label> | |
<asp:TextBox ID="eLocation" runat="server" Width="200px" ReadOnly="true" /> | |
<%-- Equipment .: | |
<%# DataBinder.Eval(Container, "DataItem.equLocationName")%>--%> | |
<br> | |
<asp:Label runat="server" Style="background-color: Yellow" ID="Label10" Text="Type ...:"> </asp:Label> | |
<asp:TextBox ID="eType" runat="server" Width="200px" ReadOnly="true" /> | |
<%-- Equipment .: | |
<%# DataBinder.Eval(Container, "DataItem.equTypeName")%>--%> | |
<br> | |
<asp:Label runat="server" Style="background-color: Yellow; overflow: hidden; text-overflow: ellipsis; | |
white-space: nowrap;" ID="labell" Text="Make ...:"> </asp:Label> | |
<asp:TextBox ID="eMake" runat="server" Width="200px" ReadOnly="true" /> | |
<%-- Make ......: | |
<%# DataBinder.Eval(Container, "DataItem.equEquipmentMake")%>--%> | |
<br> | |
<asp:Label runat="server" Style="background-color: Yellow" ID="lbla" Text="Model .:"> </asp:Label> | |
<asp:TextBox ID="eModel" runat="server" Width="200px" ReadOnly="true" /> | |
<%-- Model .....: | |
<%# DataBinder.Eval(Container, "DataItem.equEquipmentModel")%>--%> | |
<br> | |
<asp:Label runat="server" Style="background-color: Yellow" ID="Label8" Text="GymID :"> </asp:Label> | |
<asp:TextBox ID="eGymID" runat="server" Width="200px" ReadOnly="true" /> | |
<%-- Gym id ....: | |
<%# DataBinder.Eval(Container, "DataItem.equEquipmentGymID")%>--%> | |
<br> | |
<asp:Label runat="server" Style="background-color: Yellow" ID="lblNotes" Text="Notes ..:"> </asp:Label> | |
<asp:TextBox ID="enotes" runat="server" TextMode="MultiLine" Width="200px" Rows="3" | |
ReadOnly="true" /> | |
<br> | |
<%-- <%# DataBinder.Eval(Container, "DataItem.equEquipmentNotes")%> --%> | |
Created ...: | |
<%# DataBinder.Eval(Container, "DataItem.equDateCreated")%> | |
<br> | |
Changed .: | |
<%# DataBinder.Eval(Container, "DataItem.equDateUpdated")%> | |
<br> | |
</div> | |
</telerik:RadToolTip> | |
</ItemTemplate> | |
</telerik:GridTemplateColumn> | |
<%-- TTP End--%> | |
<telerik:GridTemplateColumn UniqueName="equLocationName" | |
HeaderText="Location" HeaderStyle-Width="100px" | |
SortExpression="equLocationName" | |
Resizable="true"> | |
<ItemTemplate> | |
<div style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"> | |
<asp:Label ID="lblequLocationName" runat="server" ToolTip="The Location of this Equipment" | |
Text='<%#Eval("equLocationName")%>'></asp:Label> | |
</div> | |
</ItemTemplate> | |
</telerik:GridTemplateColumn> | |
<telerik:GridTemplateColumn UniqueName="equTypeName" HeaderText="Type" HeaderStyle-Width="92px" | |
SortExpression="equTypeName" | |
Resizable="true"> | |
<ItemTemplate> | |
<div style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"> | |
<asp:Label ID="lblequTypeName" runat="server" ToolTip="The Type of this Equipment" | |
Text='<%#Eval("equTypeName")%>'></asp:Label> | |
</div> | |
</ItemTemplate> | |
</telerik:GridTemplateColumn> | |
<telerik:GridTemplateColumn UniqueName="equEquipmentMake" HeaderText="Make" HeaderStyle-Width="92px" | |
SortExpression="equEquipmentMake" | |
Resizable="true"> | |
<ItemTemplate> | |
<div style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"> | |
<asp:Label ID="lblequEquipmentMake" runat="server" ToolTip="The Make of this Equipment" | |
Text='<%#Eval("equEquipmentMake")%>'></asp:Label> | |
</div> | |
</ItemTemplate> | |
</telerik:GridTemplateColumn> | |
<telerik:GridTemplateColumn UniqueName="equEquipmentModel" HeaderText="Model" HeaderStyle-Width="60px" | |
SortExpression="equEquipmentModel" | |
Resizable="true"> | |
<ItemTemplate> | |
<div style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"> | |
<asp:Label ID="lblequEquipmentModel" runat="server" ToolTip="The Model of this Equipment" | |
Text='<%#Eval("equEquipmentModel")%>'></asp:Label> | |
</div> | |
</ItemTemplate> | |
</telerik:GridTemplateColumn> | |
<telerik:GridTemplateColumn UniqueName="equEquipmentGymID" HeaderText="GymID" HeaderStyle-Width="60px" | |
Resizable="true"> | |
<ItemTemplate> | |
<div style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"> | |
<asp:Label ID="lblequEquipmentGymID" runat="server" ToolTip="This Facilities ID for this Equipment" | |
Text='<%#Eval("equEquipmentGymID")%>'></asp:Label> | |
</div> | |
</ItemTemplate> | |
</telerik:GridTemplateColumn> | |
<telerik:GridTemplateColumn UniqueName="equEquipmentNotes" HeaderText="Notes" HeaderStyle-Width="60px" | |
Resizable="true"> | |
<ItemTemplate> | |
<div style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"> | |
<asp:Label ID="lblequEquipmentNotes" runat="server" ToolTip="Notes about this Equipment" | |
Text='<%#Eval("equEquipmentNotes")%>'></asp:Label> | |
</div> | |
</ItemTemplate> | |
</telerik:GridTemplateColumn> | |
<telerik:GridButtonColumn CommandName="Delete" ButtonType="ImageButton" ImageUrl="~/mybodyscience/iqimages/iqimage$/DeleteCan3.gif" | |
HeaderStyle-Width="25px" Resizable="false" UniqueName="DeleteColumn" ItemStyle-HorizontalAlign="Center"> | |
<ItemStyle HorizontalAlign="Center" /> | |
</telerik:GridButtonColumn> | |
<telerik:GridButtonColumn CommandName="Edit" ButtonType="ImageButton" | |
ImageUrl="~/mybodyscience/iqimages/iqimage$/Edit2.gif" | |
HeaderStyle-Width="25px" Resizable="false" UniqueName="iqEditColumn" ItemStyle-HorizontalAlign="Center"> | |
<ItemStyle HorizontalAlign="Center" /> | |
</telerik:GridButtonColumn> | |
<%--090818a LAST COLUMN --%> | |
<telerik:GridTemplateColumn UniqueName="iqEndOfRecord" HeaderStyle-Width="150px" | |
Resizable="false"> | |
<ItemTemplate> | |
<div style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"> | |
<asp:Label ID="n1" runat="server"></asp:Label> | |
</div> | |
</ItemTemplate> | |
</telerik:GridTemplateColumn> | |
<telerik:GridTemplateColumn UniqueName="iqEndOfRecord2" HeaderStyle-Width="150px" | |
Resizable="false"> | |
<ItemTemplate> | |
<div style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"> | |
<asp:Label ID="n2" runat="server"></asp:Label> | |
</div> | |
</ItemTemplate> | |
</telerik:GridTemplateColumn> | |
<%--090818a LAST COLUMN --%> | |
</Columns> | |
<EditFormSettings | |
UserControlName="~/DesktopModules/MBS/iqEquipmentMaintCT.ascx" | |
EditFormType="WebUserControl" > | |
</EditFormSettings> | |
</MasterTableView> | |
</telerik:RadGrid> | |
</table> | |
<telerik:RadToolTip runat="server" ID="RadToolTip2" Position="Center" HideEvent="LeaveTargetAndToolTip" | |
Skin="WebBlue" IsClientID="true" Width="300px" OnClientBeforeShow="CheckIfShow" | |
TargetControlID="btnUpdate"> | |
<asp:ValidationSummary ID="ValidationSummary1" runat="server" /> | |
</telerik:RadToolTip> | |
<telerik:RadToolTip ID="RadToolTipGeneralHelp" runat="server" MouseTrailing="false" | |
Skin="Outlook" Animation="None" Width="200px" Height="300px" Position="MiddleRight" | |
OnClientHide="iqclearTooltip" OnAjaxUpdate="onAjaxThen"> | |
<p style="text-align: center"> | |
<b> My Body Science </b> <br /> | |
<b>Exercise Equipment Help </b> | |
</p> | |
<p style="text-align: left"> | |
<b>Select View</b> - Move the mouse here to change what screen you need to view.<br /> | |
<b><em>Detail View</em></b> - Shows all data for all rows.<br /> | |
<b><em>Summary View</em></b> - Shows Primary data for each row.<br /> | |
<b><em>Print View</em></b> - Runs a report that can be printed and/or translated to other formats including excel. | |
</p> | |
<p style="text-align: left"> | |
<b>Add New Equipment</b> - Click here to add additional Equipment that you use for | |
Exercise. | |
</p> | |
<p style="text-align: left"> | |
<b>Refresh List</b> - Click here to view the list of Equipment from the beginning. | |
</p> | |
<p style="text-align: left"> | |
<img style="border: 0px" alt="" src="../iqimages/iqimage$/DeleteCan3.gif" /> | |
- Click here to permanently Delete this piece of Equipment from your list. | |
</p> | |
<p style="text-align: left"> | |
<img style="border: 0px" alt="" src="../iqimages/iqimage$/Edit2.gif" /> | |
- Click here to change the information about this piece of Equipment. | |
</p> | |
<p style="text-align: left"> | |
<b>Name & Detail</b> - Position your mouse over the Name of the Equipment to see | |
its<br> | |
Detail Information. | |
</p> | |
<p style="text-align: left"> | |
<b>Sorting</b> - Click the heading for either No, Name & Description, | |
LocationName, Type, Make or Model. Click Refresh to reset.<br> | |
</p> | |
<p style="text-align: left"> | |
<img style="border: 0px" alt="" src="../iqimages/iqimage$/Help.gif" /> | |
- This is the <b>HELP link</b>. Click here to see additional help topics when available.<br> | |
</p> | |
</telerik:RadToolTip> | |
</body> | |
</html> | |
thanks for your advice,