I have never used a loading panel, and I do have an situation where
on a click it takes a few seconds and I would like a loading panel to appear.
I put this code in my aspx and nothing happens. Is there anything else I can do?
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"
onajaxrequest="RadAjaxManager1_AjaxRequest">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="form1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="Panel1" LoadingPanelID="RadAjaxLoadingPanel1" />
<telerik:AjaxUpdatedControl ControlID="RadGrid1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" Runat="server"
height="75px" width="75px" MinDisplayTime="50">
<img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading6.gif") %>'
style="border: 0;"/>
</telerik:RadAjaxLoadingPanel>
on a click it takes a few seconds and I would like a loading panel to appear.
I put this code in my aspx and nothing happens. Is there anything else I can do?
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"
onajaxrequest="RadAjaxManager1_AjaxRequest">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="form1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="Panel1" LoadingPanelID="RadAjaxLoadingPanel1" />
<telerik:AjaxUpdatedControl ControlID="RadGrid1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" Runat="server"
height="75px" width="75px" MinDisplayTime="50">
<img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading6.gif") %>'
style="border: 0;"/>
</telerik:RadAjaxLoadingPanel>
3 Answers, 1 is accepted
0
Hello Laura,
Try the following links:
Online demo: Loading panel demo
Documentation: Loading panel
Also you can find very helpful articles in the How-to section in the link above.
Best regards,
Daniel
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Try the following links:
Online demo: Loading panel demo
Documentation: Loading panel
Also you can find very helpful articles in the How-to section in the link above.
Best regards,
Daniel
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Laura
Top achievements
Rank 1
Rank 1
answered on 02 Oct 2008, 03:40 PM
I have read the documentation and I am still missing something. I inserted a
radajaxpanel that I didnt have before, and it seems like the loading panel is in the ajax panel only. When it needs to say "loading..." it is not over the control that is causing the waiting, but it moves my whole grid down a bit, and the loading..... message appears above the gird (i guess in the panel). How can I have the loading panel appear over the control causing the need for the panel to come up, and not in a panel on the top of my screen?
Here is my code:
<form id="form1" runat="server">
<telerik:RadScriptManager ID="ScriptManager1" runat="server"
EnableTheming="True" OutputCompression="AutoDetect">
</telerik:RadScriptManager>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"
onajaxrequest="RadAjaxManager1_AjaxRequest">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="form1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="usersGrid" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxPanel ID="ajaxpanel1" runat="server" LoadingPanelID="radAjaxLoadingPanel1">
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" Runat="server" IsSticky="true"
height="75px" width="75px" >
<img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading6.gif") %>'
style="border: 0;"/>
</telerik:RadAjaxLoadingPanel>
<asp:TextBox ID="package_cd" runat="server" Visible="False"></asp:TextBox>
<asp:TextBox ID="TextBoxAdditionalItemsPackageCdAla" runat="server" Visible="False"></asp:TextBox>
<asp:TextBox ID="TextBoxActualPackage" runat="server" Visible="False" ></asp:TextBox>
<asp:TextBox ID="temptablename" runat="server" Visible="False"></asp:TextBox>
<asp:TextBox ID="TextBoxPackagePrice" runat="server" Visible="false"></asp:TextBox>
<asp:TextBox ID="TextBoxTotalAlaCartePrice" runat="server" Visible="false"></asp:TextBox>
<asp:TextBox ID="TextBoxTotalPrice" runat="server" Visible="false"></asp:TextBox>
<asp:TextBox ID="TextBoxLogin" runat="server" Visible="false"></asp:TextBox>
<telerik:RadGrid ID="usersGrid" runat="server"
DataSourceID="ContentCentralUsers" GridLines="None" Skin="Office2007"
AutoGenerateColumns="False"
ondatabound="usersGrid_DataBound" onitemdatabound="usersGrid_ItemDataBound"
onitemdeleted="usersGrid_ItemDeleted" onitemevent="usersGrid_ItemDataBound"
oniteminserted="usersGrid_ItemInserted" onitemupdated="usersGrid_ItemUpdated"
onload="usersGrid_Load" ondatabinding="usersGrid_DataBinding" ShowStatusBar="True"
ondeletecommand="usersGrid_DeleteCommand" OnPreRender="usersGrid_PreRender"
oninsertcommand="usersGrid_InsertCommand1" onitemcreated="usersGrid_ItemCreated"
onpageindexchanged="usersGrid_PageIndexChanged" OnItemCommand="usersGrid_ItemCommand"
onupdatecommand="usersGrid_UpdateCommand" commanditemdisplay="TopAndBottom"
onselectedindexchanged="usersGrid_SelectedIndexChanged"
oneditcommand="usersGrid_EditCommand" AllowAutomaticDeletes="True"
AllowAutomaticInserts="True" AllowAutomaticUpdates="True" >
<MasterTableView DataSourceID="ContentCentralUsers"
AllowFilteringByColumn="True" AllowSorting="True"
InsertItemPageIndexAction="ShowItemOnFirstPage" CommandItemDisplay="Top"
NoMasterRecordsText="No users to display.">
<CommandItemSettings AddNewRecordText="Add new user" />
<RowIndicatorColumn>
<HeaderStyle Width="20px"></HeaderStyle>
</RowIndicatorColumn>
<ExpandCollapseColumn>
<HeaderStyle Width="20px"></HeaderStyle>
</ExpandCollapseColumn>
<Columns>
<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn1">
<HeaderStyle Width="20px" />
</telerik:GridEditCommandColumn>
<telerik:GridBoundColumn DataField="login_name" HeaderText="Seat(User)"
SortExpression="login_name" UniqueName="login_name" >
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="password"
HeaderText="Password" SortExpression="password" AllowFiltering="false"
UniqueName="password" EditFormColumnIndex="1">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="email" HeaderText="Email Address"
SortExpression="email" UniqueName="email" >
</telerik:GridBoundColumn>
<telerik:GridTemplateColumn HeaderText="Package" UniqueName="RadComboPackage" EditFormColumnIndex="1" >
<HeaderStyle Width="100%" />
<ItemTemplate>
<asp:Label runat="server" ID="Label1" Text='<%#Eval("package_name") %>'></asp:Label>
<telerik:RadToolTip runat="server" ID="RadToolTip1" TargetControlID="Label1"
Skin="Office2007" ShowDelay="1000" AutoCloseDelay="200000" Font-Names="arial"
Font-Size="XX-Large" BorderStyle="Inset" HideDelay="100000" ManualClose="False"
Position="BottomRight" Sticky="True" Width="300">
<asp:Label runat="server" ID="Label3" Text='<%#Eval("descriptions") %>'></asp:Label><br/>
</telerik:RadToolTip>
</ItemTemplate>
<EditItemTemplate>
<telerik:RadComboBox ID="RadComboBox1" Width="220px" runat="server" OnSelectedIndexChanged="RadComboBoxSelectedIndexChanged"
MarkFirstMatch="True" AllowCustomText="True" DataSourceID="ContentCentralPackages" EmptyMessage="Select a package"
ExpandAnimation-Type="None" CollapseAnimation-Type="None" AutoPostBack="true" AppendDataBoundItems="false"
DataTextField="package_name" DataValueField="package_cd" DropDownWidth="650px"
Skin="Office2007" SelectedValue='<%# Bind("package_cd") %>'
EnableVirtualScrolling="True" HighlightTemplatedItems="True">
<ExpandAnimation Type="None" />
<CollapseAnimation Duration="200" Type="None" />
<HeaderTemplate>
<table style="width: 620px; text-align: left">
<tr>
<td style="width: 170px;">
Package Name
</td>
<td style="width: 450px;" >
Description
</td>
</tr>
</table>
</HeaderTemplate>
<ItemTemplate>
<table style="width: 620px; text-align: left">
<tr>
<td style="width: 170px;" valign="top">
<%# DataBinder.Eval(Container.DataItem, "package_name") %>
</td>
<td style="width: 450px;">
<%# DataBinder.Eval(Container.DataItem, "descriptions") %>
</td>
</tr>
</table>
</ItemTemplate>
</telerik:RadComboBox>
</EditItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridMaskedColumn DataField="packageprice" Mask="$ #####.##" DataFormatString="{0:C2}" HeaderText="Package Price" Display="true" UniqueName="packageprice"
readonly="true" >
<ItemStyle HorizontalAlign="Right" />
</telerik:GridMaskedColumn>
<telerik:GridMaskedColumn DataField="packagealaprice" Mask="$ #####.##" DataFormatString="{0:C2}" HeaderText="Ala Carte Price" Display="true" UniqueName="packagepriceala"
readonly="true" >
<ItemStyle HorizontalAlign="Right" />
</telerik:GridMaskedColumn>
<telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Delete"
ConfirmDialogType="RadWindow" Text="Delete" UniqueName="column"></telerik:GridButtonColumn>
<telerik:GridTemplateColumn EditFormHeaderTextFormat="" HeaderStyle-VerticalAlign="Top" Visible="false">
<EditItemTemplate>
<telerik:RadGrid ID="PackagePriceGrid" runat="server" AutoGenerateColumns="False"
DataSourceID="spAddNewsTradeProduct" GridLines="None" Skin="Office2007"
ondatabound="PackagePriceGrid_DataBound" onitemdatabound="PackagePriceGrid_ItemDataBound"
onload="PackagePriceGrid_Load" ondatabinding="PackagePriceGrid_DataBinding" ShowStatusBar="True"
OnPreRender="PackagePriceGrid_PreRender" >
<MasterTableView CommandItemDisplay="None" >
<Columns>
<telerik:GridBoundColumn HeaderText="Service ID" UniqueName="service_id" DataField="service_id"
Visible="false" Display="false"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="service_name" HeaderText="Default Package" Display="true"
UniqueName="service_name" ></telerik:GridBoundColumn>
<telerik:GridTemplateColumn HeaderText="Entitled" UniqueName="TemplateColumn">
<ItemTemplate>
<asp:CheckBox ID="CheckBox1" runat="server" Checked='<%# Eval("Checked") %>' AutoPostBack="true"
EditFormColumnIndex="1" OnCheckedChanged="cbCheckedChangedDefaultPackage"/>
</ItemTemplate>
</telerik:GridTemplateColumn >
<telerik:GridMaskedColumn DataField="Price" Mask="$ #####.##" DataFormatString="{0:C2}" HeaderText="Price" Display="false" UniqueName="Price"
EditFormColumnIndex="2" >
<ItemStyle HorizontalAlign="Right" />
</telerik:GridMaskedColumn>
</Columns>
<EditFormSettings ColumnNumber="5">
</EditFormSettings>
<PagerStyle AlwaysVisible="True" />
</MasterTableView>
</telerik:RadGrid>
</EditItemTemplate>
<HeaderStyle VerticalAlign="Top"></HeaderStyle>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn EditFormHeaderTextFormat="" HeaderStyle-VerticalAlign="Top" Visible="false">
<EditItemTemplate>
<telerik:RadGrid ID="PackageReadOnlyGrid" runat="server" AutoGenerateColumns="False" Visible="false"
DataSourceID="spAddNewsTradeProduct" GridLines="None" Skin="Office2007"
ondatabound="PackagePriceGrid_DataBound" onitemdatabound="PackageReadOnlyGrid_ItemDataBound"
onload="PackagePriceGrid_Load" ondatabinding="PackagePriceGrid_DataBinding" ShowStatusBar="True"
OnPreRender="PackagePriceGrid_PreRender" >
<MasterTableView CommandItemDisplay="None" >
<Columns>
<telerik:GridBoundColumn HeaderText="Service ID" UniqueName="service_id" DataField="service_id"
Visible="false" Display="false"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="service_name" HeaderText="Default Package" Display="true"
UniqueName="service_name" ></telerik:GridBoundColumn>
<telerik:GridCheckBoxColumn HeaderText="Entitled" UniqueName="CHECKED" DataField="Checked" EditFormColumnIndex="1">
</telerik:GridCheckboxColumn >
<telerik:GridMaskedColumn DataField="Price" Mask="$ #####.##" DataFormatString="{0:C2}" HeaderText="Price" Display="false" UniqueName="Price"
EditFormColumnIndex="2" >
<ItemStyle HorizontalAlign="Right" />
</telerik:GridMaskedColumn>
</Columns>
<EditFormSettings ColumnNumber="5">
</EditFormSettings>
<PagerStyle AlwaysVisible="True" />
</MasterTableView>
</telerik:RadGrid>
</EditItemTemplate>
<HeaderStyle VerticalAlign="Top"></HeaderStyle>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn EditFormHeaderTextFormat="" HeaderStyle-VerticalAlign="Top" Visible="false" EditFormColumnIndex="1">
<EditItemTemplate>
<telerik:RadGrid ID="AlaCartePriceGrid" runat="server" AutoGenerateColumns="False"
DataSourceID="spAddNewsTradeProductAlaCarte" GridLines="None" Skin="Office2007"
ondatabound="AlaCartePriceGrid_DataBound" onitemdatabound="AlaCartePriceGrid_ItemDataBound"
AllowAutomaticInserts="True" AllowAutomaticUpdates="True" AllowAutomaticDeletes="True"
onitemdeleted="AlaCartePriceGrid_ItemDeleted" onitemevent="AlaCartePriceGrid_ItemDataBound"
oniteminserted="AlaCartePriceGrid_ItemInserted" onitemupdated="AlaCartePriceGrid_ItemUpdated"
onload="AlaCartePriceGrid_Load" ondatabinding="AlaCartePriceGrid_DataBinding" ShowStatusBar="True"
ondeletecommand="AlaCartePriceGrid_DeleteCommand" OnPreRender="AlaCartePriceGrid_PreRender"
oninsertcommand="AlaCartePriceGrid_InsertCommand" onitemcreated="AlaCartePriceGrid_ItemCreated"
onupdatecommand="AlaCartePriceGrid_UpdateCommand" >
<MasterTableView CommandItemDisplay="None" >
<Columns>
<telerik:GridBoundColumn HeaderText="Service ID" UniqueName="service_id" DataField="service_id"
Visible="false" Display="false"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="service_name" HeaderText="Available a la carte Content" Display="true"
UniqueName="service_name" ReadOnly="true" ></telerik:GridBoundColumn>
<telerik:GridTemplateColumn HeaderText="Entitled" UniqueName="CHECKED">
<ItemTemplate>
<asp:CheckBox ID="CheckBox1" runat="server" Checked='<%# Eval("Checked") %>' AutoPostBack="true" OnCheckedChanged="cbCheckChangedAlaCarteEntitled"
EditFormColumnIndex="1" />
</ItemTemplate>
</telerik:GridTemplateColumn >
<telerik:GridTemplateColumn HeaderText="Price" UniqueName="Price" >
<ItemTemplate>
<telerik:RadNumericTextBox ID="RadNumericTextBox1" runat="server" AutoPostBack="true" DbValue='<%#Eval("Price") %>'
Culture="English (United States)" Type="Currency" Value="0" Width="125px" OnTextChanged="RadNumericTextBox1_TextChanged"
EditFormColumnIndex="2" >
</telerik:RadNumericTextBox>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn HeaderText="Incl. Inv" UniqueName="InclInv">
<ItemTemplate>
<asp:CheckBox ID="InclInv" runat="server" Checked='<%# Eval("InvoiceChecked") %>' AutoPostBack="true" OnCheckedChanged="cbCheckedChangedAlaCarteInvoice"
EditFormColumnIndex="3" />
</ItemTemplate>
</telerik:GridTemplateColumn >
</Columns>
<EditFormSettings ColumnNumber="5">
</EditFormSettings>
<PagerStyle AlwaysVisible="True" />
</MasterTableView>
</telerik:RadGrid>
</EditItemTemplate>
<HeaderStyle VerticalAlign="Top"></HeaderStyle>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn EditFormHeaderTextFormat="" HeaderStyle-VerticalAlign="Top" Visible="false" EditFormColumnIndex="1">
<EditItemTemplate>
<telerik:RadGrid ID="AlaCarteReadOnlyGrid" runat="server" AutoGenerateColumns="False" Visible="false"
DataSourceID="spAddNewsTradeProductAlaCarte" GridLines="None" Skin="Office2007"
ondatabound="AlaCartePriceGrid_DataBound" onitemdatabound="AlaCarteReadOnlyGrid_ItemDataBound"
AllowAutomaticInserts="True" AllowAutomaticUpdates="True" AllowAutomaticDeletes="True"
onitemdeleted="AlaCartePriceGrid_ItemDeleted" onitemevent="AlaCartePriceGrid_ItemDataBound"
oniteminserted="AlaCartePriceGrid_ItemInserted" onitemupdated="AlaCartePriceGrid_ItemUpdated"
onload="AlaCartePriceGrid_Load" ondatabinding="AlaCartePriceGrid_DataBinding" ShowStatusBar="True"
ondeletecommand="AlaCartePriceGrid_DeleteCommand" OnPreRender="AlaCartePriceGrid_PreRender"
oninsertcommand="AlaCartePriceGrid_InsertCommand" onitemcreated="AlaCartePriceGrid_ItemCreated"
onupdatecommand="AlaCartePriceGrid_UpdateCommand" >
<MasterTableView CommandItemDisplay="None" >
<Columns>
<telerik:GridBoundColumn HeaderText="Service ID" UniqueName="service_id" DataField="service_id"
Visible="false" Display="false"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="service_name" HeaderText="Available a la carte Content" Display="true"
UniqueName="service_name" ReadOnly="true" ></telerik:GridBoundColumn>
<telerik:GridCheckBoxColumn HeaderText="Entitled" UniqueName="CHECKED" DataField="Checked" EditFormColumnIndex="1">
</telerik:GridCheckboxColumn >
<telerik:GridMaskedColumn DataField="Price" Mask="$ #####.##" DataFormatString="{0:C2}" HeaderText="Price" Display="true" UniqueName="Price"
EditFormColumnIndex="2" >
<ItemStyle HorizontalAlign="Right" />
</telerik:GridMaskedColumn>
</Columns>
<EditFormSettings ColumnNumber="5">
</EditFormSettings>
<PagerStyle AlwaysVisible="True" />
</MasterTableView>
</telerik:RadGrid>
</EditItemTemplate>
<HeaderStyle VerticalAlign="Top"></HeaderStyle>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn EditFormHeaderTextFormat="" Visible="false" >
<EditItemTemplate>
<asp:Label runat="server" Text="* Prices are monthly"></asp:Label>
</EditItemTemplate>
</telerik:GridTemplateColumn>
</Columns>
<EditFormSettings ColumnNumber="5">
<EditColumn ButtonType="ImageButton" UniqueName="EditCommandColumn1" EditFormColumnIndex="5">
</EditColumn>
</EditFormSettings>
<CommandItemStyle BorderStyle="Solid" />
</MasterTableView>
<FilterMenu EnableTheming="True">
<CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>
</FilterMenu>
</telerik:RadGrid>
</telerik:RadAjaxPanel>
<asp:SqlDataSource ID="ContentCentralUsers" runat="server"
ConnectionString="<%$ ConnectionStrings:ContentCentralConnectionString %>"
SelectCommand="isp_sbLoadUserData"
InsertCommand="isp_sbInsertNewsTradePkgs"
UpdateCommand="isp_sbInsertNewsTradePkgs"
SelectCommandType="StoredProcedure"
InsertCommandType="StoredProcedure"
UpdateCommandType="StoredProcedure">
<SelectParameters>
<asp:QueryStringParameter Name="SAPID" QueryStringField="SAPID" Type="String" />
<asp:QueryStringParameter Name="sbODID"
QueryStringField="sbODID" Type="Int32" />
</SelectParameters>
<UpdateParameters>
<asp:ControlParameter ControlID="temptablename" Name="temptablename" PropertyName="Text" Type="String" />
<asp:QueryStringParameter Name="SAPID" QueryStringField="SAPID" Type="String" />
<asp:ControlParameter ControlID="package_cd" Name="package_cd" PropertyName="Text" Type="String" />
<asp:Parameter Name="login_name" Type="String" />
<asp:Parameter Name="password" Type="String" />
<asp:Parameter Name="email" Type="String" />
<asp:QueryStringParameter Name="sbOrderID" QueryStringField="sborderid" Type="Int32" />
<asp:QueryStringParameter Name="sbProductID" QueryStringField="sbproductid" Type="Int32" />
</UpdateParameters>
<InsertParameters>
<asp:ControlParameter ControlID="temptablename" Name="temptablename" PropertyName="Text" Type="String" />
<asp:QueryStringParameter Name="SAPID" QueryStringField="SAPID" Type="String" />
<asp:ControlParameter ControlID="package_cd" Name="package_cd" PropertyName="Text" Type="String" />
<asp:Parameter Name="login_name" Type="String" />
<asp:Parameter Name="password" Type="String" />
<asp:Parameter Name="email" Type="String" />
<asp:QueryStringParameter Name="sbOrderID" QueryStringField="sborderid" Type="Int32" />
<asp:QueryStringParameter Name="sbProductID" QueryStringField="sbproductid" Type="Int32" />
</InsertParameters>
</asp:SqlDataSource>
<asp:SqlDataSource ID="ContentCentralPackages" runat="server"
ConnectionString="<%$ ConnectionStrings:ContentCentralConnectionString %>"
SelectCommand="SELECT package_name, descriptions, package_id, package_cd, mid_id FROM PACKAGES WHERE (pkg_type = 'NT') OR (pkg_type = 'NEV8')" >
</asp:SqlDataSource>
<asp:SqlDataSource ID="spAddNewsTradeProduct" runat="server"
ConnectionString="<%$ ConnectionStrings:ContentCentralConnectionString %>"
SelectCommand="isp_sbUpdateNewsTradeProduct"
SelectCommandType="StoredProcedure" >
<SelectParameters>
<asp:ControlParameter ControlID="temptablename" DefaultValue=""
Name="temptablename" PropertyName="Text" Type="String" />
<asp:ControlParameter ControlID="package_cd" DefaultValue="NTB"
Name="package_cd" PropertyName="Text" Type="String" />
</SelectParameters>
</asp:SqlDataSource>
<asp:SqlDataSource ID="spAddNewsTradeProductAlaCarte" runat="server"
ConnectionString="<%$ ConnectionStrings:ContentCentralConnectionString %>"
SelectCommand="isp_sbUpdateNewsTradeProduct"
SelectCommandType="StoredProcedure" >
<SelectParameters>
<asp:ControlParameter ControlID="temptablename" Name="temptablename"
PropertyName="Text" Type="String" />
<asp:ControlParameter ControlID="TextBoxAdditionalItemsPackageCdAla"
DefaultValue="NTBALA" Name="package_cd" PropertyName="Text"
Type="String" />
</SelectParameters>
</asp:SqlDataSource>
</form>
</body>
</html>
radajaxpanel that I didnt have before, and it seems like the loading panel is in the ajax panel only. When it needs to say "loading..." it is not over the control that is causing the waiting, but it moves my whole grid down a bit, and the loading..... message appears above the gird (i guess in the panel). How can I have the loading panel appear over the control causing the need for the panel to come up, and not in a panel on the top of my screen?
Here is my code:
<form id="form1" runat="server">
<telerik:RadScriptManager ID="ScriptManager1" runat="server"
EnableTheming="True" OutputCompression="AutoDetect">
</telerik:RadScriptManager>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"
onajaxrequest="RadAjaxManager1_AjaxRequest">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="form1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="usersGrid" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxPanel ID="ajaxpanel1" runat="server" LoadingPanelID="radAjaxLoadingPanel1">
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" Runat="server" IsSticky="true"
height="75px" width="75px" >
<img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading6.gif") %>'
style="border: 0;"/>
</telerik:RadAjaxLoadingPanel>
<asp:TextBox ID="package_cd" runat="server" Visible="False"></asp:TextBox>
<asp:TextBox ID="TextBoxAdditionalItemsPackageCdAla" runat="server" Visible="False"></asp:TextBox>
<asp:TextBox ID="TextBoxActualPackage" runat="server" Visible="False" ></asp:TextBox>
<asp:TextBox ID="temptablename" runat="server" Visible="False"></asp:TextBox>
<asp:TextBox ID="TextBoxPackagePrice" runat="server" Visible="false"></asp:TextBox>
<asp:TextBox ID="TextBoxTotalAlaCartePrice" runat="server" Visible="false"></asp:TextBox>
<asp:TextBox ID="TextBoxTotalPrice" runat="server" Visible="false"></asp:TextBox>
<asp:TextBox ID="TextBoxLogin" runat="server" Visible="false"></asp:TextBox>
<telerik:RadGrid ID="usersGrid" runat="server"
DataSourceID="ContentCentralUsers" GridLines="None" Skin="Office2007"
AutoGenerateColumns="False"
ondatabound="usersGrid_DataBound" onitemdatabound="usersGrid_ItemDataBound"
onitemdeleted="usersGrid_ItemDeleted" onitemevent="usersGrid_ItemDataBound"
oniteminserted="usersGrid_ItemInserted" onitemupdated="usersGrid_ItemUpdated"
onload="usersGrid_Load" ondatabinding="usersGrid_DataBinding" ShowStatusBar="True"
ondeletecommand="usersGrid_DeleteCommand" OnPreRender="usersGrid_PreRender"
oninsertcommand="usersGrid_InsertCommand1" onitemcreated="usersGrid_ItemCreated"
onpageindexchanged="usersGrid_PageIndexChanged" OnItemCommand="usersGrid_ItemCommand"
onupdatecommand="usersGrid_UpdateCommand" commanditemdisplay="TopAndBottom"
onselectedindexchanged="usersGrid_SelectedIndexChanged"
oneditcommand="usersGrid_EditCommand" AllowAutomaticDeletes="True"
AllowAutomaticInserts="True" AllowAutomaticUpdates="True" >
<MasterTableView DataSourceID="ContentCentralUsers"
AllowFilteringByColumn="True" AllowSorting="True"
InsertItemPageIndexAction="ShowItemOnFirstPage" CommandItemDisplay="Top"
NoMasterRecordsText="No users to display.">
<CommandItemSettings AddNewRecordText="Add new user" />
<RowIndicatorColumn>
<HeaderStyle Width="20px"></HeaderStyle>
</RowIndicatorColumn>
<ExpandCollapseColumn>
<HeaderStyle Width="20px"></HeaderStyle>
</ExpandCollapseColumn>
<Columns>
<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn1">
<HeaderStyle Width="20px" />
</telerik:GridEditCommandColumn>
<telerik:GridBoundColumn DataField="login_name" HeaderText="Seat(User)"
SortExpression="login_name" UniqueName="login_name" >
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="password"
HeaderText="Password" SortExpression="password" AllowFiltering="false"
UniqueName="password" EditFormColumnIndex="1">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="email" HeaderText="Email Address"
SortExpression="email" UniqueName="email" >
</telerik:GridBoundColumn>
<telerik:GridTemplateColumn HeaderText="Package" UniqueName="RadComboPackage" EditFormColumnIndex="1" >
<HeaderStyle Width="100%" />
<ItemTemplate>
<asp:Label runat="server" ID="Label1" Text='<%#Eval("package_name") %>'></asp:Label>
<telerik:RadToolTip runat="server" ID="RadToolTip1" TargetControlID="Label1"
Skin="Office2007" ShowDelay="1000" AutoCloseDelay="200000" Font-Names="arial"
Font-Size="XX-Large" BorderStyle="Inset" HideDelay="100000" ManualClose="False"
Position="BottomRight" Sticky="True" Width="300">
<asp:Label runat="server" ID="Label3" Text='<%#Eval("descriptions") %>'></asp:Label><br/>
</telerik:RadToolTip>
</ItemTemplate>
<EditItemTemplate>
<telerik:RadComboBox ID="RadComboBox1" Width="220px" runat="server" OnSelectedIndexChanged="RadComboBoxSelectedIndexChanged"
MarkFirstMatch="True" AllowCustomText="True" DataSourceID="ContentCentralPackages" EmptyMessage="Select a package"
ExpandAnimation-Type="None" CollapseAnimation-Type="None" AutoPostBack="true" AppendDataBoundItems="false"
DataTextField="package_name" DataValueField="package_cd" DropDownWidth="650px"
Skin="Office2007" SelectedValue='<%# Bind("package_cd") %>'
EnableVirtualScrolling="True" HighlightTemplatedItems="True">
<ExpandAnimation Type="None" />
<CollapseAnimation Duration="200" Type="None" />
<HeaderTemplate>
<table style="width: 620px; text-align: left">
<tr>
<td style="width: 170px;">
Package Name
</td>
<td style="width: 450px;" >
Description
</td>
</tr>
</table>
</HeaderTemplate>
<ItemTemplate>
<table style="width: 620px; text-align: left">
<tr>
<td style="width: 170px;" valign="top">
<%# DataBinder.Eval(Container.DataItem, "package_name") %>
</td>
<td style="width: 450px;">
<%# DataBinder.Eval(Container.DataItem, "descriptions") %>
</td>
</tr>
</table>
</ItemTemplate>
</telerik:RadComboBox>
</EditItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridMaskedColumn DataField="packageprice" Mask="$ #####.##" DataFormatString="{0:C2}" HeaderText="Package Price" Display="true" UniqueName="packageprice"
readonly="true" >
<ItemStyle HorizontalAlign="Right" />
</telerik:GridMaskedColumn>
<telerik:GridMaskedColumn DataField="packagealaprice" Mask="$ #####.##" DataFormatString="{0:C2}" HeaderText="Ala Carte Price" Display="true" UniqueName="packagepriceala"
readonly="true" >
<ItemStyle HorizontalAlign="Right" />
</telerik:GridMaskedColumn>
<telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Delete"
ConfirmDialogType="RadWindow" Text="Delete" UniqueName="column"></telerik:GridButtonColumn>
<telerik:GridTemplateColumn EditFormHeaderTextFormat="" HeaderStyle-VerticalAlign="Top" Visible="false">
<EditItemTemplate>
<telerik:RadGrid ID="PackagePriceGrid" runat="server" AutoGenerateColumns="False"
DataSourceID="spAddNewsTradeProduct" GridLines="None" Skin="Office2007"
ondatabound="PackagePriceGrid_DataBound" onitemdatabound="PackagePriceGrid_ItemDataBound"
onload="PackagePriceGrid_Load" ondatabinding="PackagePriceGrid_DataBinding" ShowStatusBar="True"
OnPreRender="PackagePriceGrid_PreRender" >
<MasterTableView CommandItemDisplay="None" >
<Columns>
<telerik:GridBoundColumn HeaderText="Service ID" UniqueName="service_id" DataField="service_id"
Visible="false" Display="false"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="service_name" HeaderText="Default Package" Display="true"
UniqueName="service_name" ></telerik:GridBoundColumn>
<telerik:GridTemplateColumn HeaderText="Entitled" UniqueName="TemplateColumn">
<ItemTemplate>
<asp:CheckBox ID="CheckBox1" runat="server" Checked='<%# Eval("Checked") %>' AutoPostBack="true"
EditFormColumnIndex="1" OnCheckedChanged="cbCheckedChangedDefaultPackage"/>
</ItemTemplate>
</telerik:GridTemplateColumn >
<telerik:GridMaskedColumn DataField="Price" Mask="$ #####.##" DataFormatString="{0:C2}" HeaderText="Price" Display="false" UniqueName="Price"
EditFormColumnIndex="2" >
<ItemStyle HorizontalAlign="Right" />
</telerik:GridMaskedColumn>
</Columns>
<EditFormSettings ColumnNumber="5">
</EditFormSettings>
<PagerStyle AlwaysVisible="True" />
</MasterTableView>
</telerik:RadGrid>
</EditItemTemplate>
<HeaderStyle VerticalAlign="Top"></HeaderStyle>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn EditFormHeaderTextFormat="" HeaderStyle-VerticalAlign="Top" Visible="false">
<EditItemTemplate>
<telerik:RadGrid ID="PackageReadOnlyGrid" runat="server" AutoGenerateColumns="False" Visible="false"
DataSourceID="spAddNewsTradeProduct" GridLines="None" Skin="Office2007"
ondatabound="PackagePriceGrid_DataBound" onitemdatabound="PackageReadOnlyGrid_ItemDataBound"
onload="PackagePriceGrid_Load" ondatabinding="PackagePriceGrid_DataBinding" ShowStatusBar="True"
OnPreRender="PackagePriceGrid_PreRender" >
<MasterTableView CommandItemDisplay="None" >
<Columns>
<telerik:GridBoundColumn HeaderText="Service ID" UniqueName="service_id" DataField="service_id"
Visible="false" Display="false"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="service_name" HeaderText="Default Package" Display="true"
UniqueName="service_name" ></telerik:GridBoundColumn>
<telerik:GridCheckBoxColumn HeaderText="Entitled" UniqueName="CHECKED" DataField="Checked" EditFormColumnIndex="1">
</telerik:GridCheckboxColumn >
<telerik:GridMaskedColumn DataField="Price" Mask="$ #####.##" DataFormatString="{0:C2}" HeaderText="Price" Display="false" UniqueName="Price"
EditFormColumnIndex="2" >
<ItemStyle HorizontalAlign="Right" />
</telerik:GridMaskedColumn>
</Columns>
<EditFormSettings ColumnNumber="5">
</EditFormSettings>
<PagerStyle AlwaysVisible="True" />
</MasterTableView>
</telerik:RadGrid>
</EditItemTemplate>
<HeaderStyle VerticalAlign="Top"></HeaderStyle>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn EditFormHeaderTextFormat="" HeaderStyle-VerticalAlign="Top" Visible="false" EditFormColumnIndex="1">
<EditItemTemplate>
<telerik:RadGrid ID="AlaCartePriceGrid" runat="server" AutoGenerateColumns="False"
DataSourceID="spAddNewsTradeProductAlaCarte" GridLines="None" Skin="Office2007"
ondatabound="AlaCartePriceGrid_DataBound" onitemdatabound="AlaCartePriceGrid_ItemDataBound"
AllowAutomaticInserts="True" AllowAutomaticUpdates="True" AllowAutomaticDeletes="True"
onitemdeleted="AlaCartePriceGrid_ItemDeleted" onitemevent="AlaCartePriceGrid_ItemDataBound"
oniteminserted="AlaCartePriceGrid_ItemInserted" onitemupdated="AlaCartePriceGrid_ItemUpdated"
onload="AlaCartePriceGrid_Load" ondatabinding="AlaCartePriceGrid_DataBinding" ShowStatusBar="True"
ondeletecommand="AlaCartePriceGrid_DeleteCommand" OnPreRender="AlaCartePriceGrid_PreRender"
oninsertcommand="AlaCartePriceGrid_InsertCommand" onitemcreated="AlaCartePriceGrid_ItemCreated"
onupdatecommand="AlaCartePriceGrid_UpdateCommand" >
<MasterTableView CommandItemDisplay="None" >
<Columns>
<telerik:GridBoundColumn HeaderText="Service ID" UniqueName="service_id" DataField="service_id"
Visible="false" Display="false"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="service_name" HeaderText="Available a la carte Content" Display="true"
UniqueName="service_name" ReadOnly="true" ></telerik:GridBoundColumn>
<telerik:GridTemplateColumn HeaderText="Entitled" UniqueName="CHECKED">
<ItemTemplate>
<asp:CheckBox ID="CheckBox1" runat="server" Checked='<%# Eval("Checked") %>' AutoPostBack="true" OnCheckedChanged="cbCheckChangedAlaCarteEntitled"
EditFormColumnIndex="1" />
</ItemTemplate>
</telerik:GridTemplateColumn >
<telerik:GridTemplateColumn HeaderText="Price" UniqueName="Price" >
<ItemTemplate>
<telerik:RadNumericTextBox ID="RadNumericTextBox1" runat="server" AutoPostBack="true" DbValue='<%#Eval("Price") %>'
Culture="English (United States)" Type="Currency" Value="0" Width="125px" OnTextChanged="RadNumericTextBox1_TextChanged"
EditFormColumnIndex="2" >
</telerik:RadNumericTextBox>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn HeaderText="Incl. Inv" UniqueName="InclInv">
<ItemTemplate>
<asp:CheckBox ID="InclInv" runat="server" Checked='<%# Eval("InvoiceChecked") %>' AutoPostBack="true" OnCheckedChanged="cbCheckedChangedAlaCarteInvoice"
EditFormColumnIndex="3" />
</ItemTemplate>
</telerik:GridTemplateColumn >
</Columns>
<EditFormSettings ColumnNumber="5">
</EditFormSettings>
<PagerStyle AlwaysVisible="True" />
</MasterTableView>
</telerik:RadGrid>
</EditItemTemplate>
<HeaderStyle VerticalAlign="Top"></HeaderStyle>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn EditFormHeaderTextFormat="" HeaderStyle-VerticalAlign="Top" Visible="false" EditFormColumnIndex="1">
<EditItemTemplate>
<telerik:RadGrid ID="AlaCarteReadOnlyGrid" runat="server" AutoGenerateColumns="False" Visible="false"
DataSourceID="spAddNewsTradeProductAlaCarte" GridLines="None" Skin="Office2007"
ondatabound="AlaCartePriceGrid_DataBound" onitemdatabound="AlaCarteReadOnlyGrid_ItemDataBound"
AllowAutomaticInserts="True" AllowAutomaticUpdates="True" AllowAutomaticDeletes="True"
onitemdeleted="AlaCartePriceGrid_ItemDeleted" onitemevent="AlaCartePriceGrid_ItemDataBound"
oniteminserted="AlaCartePriceGrid_ItemInserted" onitemupdated="AlaCartePriceGrid_ItemUpdated"
onload="AlaCartePriceGrid_Load" ondatabinding="AlaCartePriceGrid_DataBinding" ShowStatusBar="True"
ondeletecommand="AlaCartePriceGrid_DeleteCommand" OnPreRender="AlaCartePriceGrid_PreRender"
oninsertcommand="AlaCartePriceGrid_InsertCommand" onitemcreated="AlaCartePriceGrid_ItemCreated"
onupdatecommand="AlaCartePriceGrid_UpdateCommand" >
<MasterTableView CommandItemDisplay="None" >
<Columns>
<telerik:GridBoundColumn HeaderText="Service ID" UniqueName="service_id" DataField="service_id"
Visible="false" Display="false"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="service_name" HeaderText="Available a la carte Content" Display="true"
UniqueName="service_name" ReadOnly="true" ></telerik:GridBoundColumn>
<telerik:GridCheckBoxColumn HeaderText="Entitled" UniqueName="CHECKED" DataField="Checked" EditFormColumnIndex="1">
</telerik:GridCheckboxColumn >
<telerik:GridMaskedColumn DataField="Price" Mask="$ #####.##" DataFormatString="{0:C2}" HeaderText="Price" Display="true" UniqueName="Price"
EditFormColumnIndex="2" >
<ItemStyle HorizontalAlign="Right" />
</telerik:GridMaskedColumn>
</Columns>
<EditFormSettings ColumnNumber="5">
</EditFormSettings>
<PagerStyle AlwaysVisible="True" />
</MasterTableView>
</telerik:RadGrid>
</EditItemTemplate>
<HeaderStyle VerticalAlign="Top"></HeaderStyle>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn EditFormHeaderTextFormat="" Visible="false" >
<EditItemTemplate>
<asp:Label runat="server" Text="* Prices are monthly"></asp:Label>
</EditItemTemplate>
</telerik:GridTemplateColumn>
</Columns>
<EditFormSettings ColumnNumber="5">
<EditColumn ButtonType="ImageButton" UniqueName="EditCommandColumn1" EditFormColumnIndex="5">
</EditColumn>
</EditFormSettings>
<CommandItemStyle BorderStyle="Solid" />
</MasterTableView>
<FilterMenu EnableTheming="True">
<CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>
</FilterMenu>
</telerik:RadGrid>
</telerik:RadAjaxPanel>
<asp:SqlDataSource ID="ContentCentralUsers" runat="server"
ConnectionString="<%$ ConnectionStrings:ContentCentralConnectionString %>"
SelectCommand="isp_sbLoadUserData"
InsertCommand="isp_sbInsertNewsTradePkgs"
UpdateCommand="isp_sbInsertNewsTradePkgs"
SelectCommandType="StoredProcedure"
InsertCommandType="StoredProcedure"
UpdateCommandType="StoredProcedure">
<SelectParameters>
<asp:QueryStringParameter Name="SAPID" QueryStringField="SAPID" Type="String" />
<asp:QueryStringParameter Name="sbODID"
QueryStringField="sbODID" Type="Int32" />
</SelectParameters>
<UpdateParameters>
<asp:ControlParameter ControlID="temptablename" Name="temptablename" PropertyName="Text" Type="String" />
<asp:QueryStringParameter Name="SAPID" QueryStringField="SAPID" Type="String" />
<asp:ControlParameter ControlID="package_cd" Name="package_cd" PropertyName="Text" Type="String" />
<asp:Parameter Name="login_name" Type="String" />
<asp:Parameter Name="password" Type="String" />
<asp:Parameter Name="email" Type="String" />
<asp:QueryStringParameter Name="sbOrderID" QueryStringField="sborderid" Type="Int32" />
<asp:QueryStringParameter Name="sbProductID" QueryStringField="sbproductid" Type="Int32" />
</UpdateParameters>
<InsertParameters>
<asp:ControlParameter ControlID="temptablename" Name="temptablename" PropertyName="Text" Type="String" />
<asp:QueryStringParameter Name="SAPID" QueryStringField="SAPID" Type="String" />
<asp:ControlParameter ControlID="package_cd" Name="package_cd" PropertyName="Text" Type="String" />
<asp:Parameter Name="login_name" Type="String" />
<asp:Parameter Name="password" Type="String" />
<asp:Parameter Name="email" Type="String" />
<asp:QueryStringParameter Name="sbOrderID" QueryStringField="sborderid" Type="Int32" />
<asp:QueryStringParameter Name="sbProductID" QueryStringField="sbproductid" Type="Int32" />
</InsertParameters>
</asp:SqlDataSource>
<asp:SqlDataSource ID="ContentCentralPackages" runat="server"
ConnectionString="<%$ ConnectionStrings:ContentCentralConnectionString %>"
SelectCommand="SELECT package_name, descriptions, package_id, package_cd, mid_id FROM PACKAGES WHERE (pkg_type = 'NT') OR (pkg_type = 'NEV8')" >
</asp:SqlDataSource>
<asp:SqlDataSource ID="spAddNewsTradeProduct" runat="server"
ConnectionString="<%$ ConnectionStrings:ContentCentralConnectionString %>"
SelectCommand="isp_sbUpdateNewsTradeProduct"
SelectCommandType="StoredProcedure" >
<SelectParameters>
<asp:ControlParameter ControlID="temptablename" DefaultValue=""
Name="temptablename" PropertyName="Text" Type="String" />
<asp:ControlParameter ControlID="package_cd" DefaultValue="NTB"
Name="package_cd" PropertyName="Text" Type="String" />
</SelectParameters>
</asp:SqlDataSource>
<asp:SqlDataSource ID="spAddNewsTradeProductAlaCarte" runat="server"
ConnectionString="<%$ ConnectionStrings:ContentCentralConnectionString %>"
SelectCommand="isp_sbUpdateNewsTradeProduct"
SelectCommandType="StoredProcedure" >
<SelectParameters>
<asp:ControlParameter ControlID="temptablename" Name="temptablename"
PropertyName="Text" Type="String" />
<asp:ControlParameter ControlID="TextBoxAdditionalItemsPackageCdAla"
DefaultValue="NTBALA" Name="package_cd" PropertyName="Text"
Type="String" />
</SelectParameters>
</asp:SqlDataSource>
</form>
</body>
</html>
0
Hello Laura,
Please test the attached sample website and let us know if you have more questions.
Regards,
Daniel
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Please test the attached sample website and let us know if you have more questions.
Regards,
Daniel
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.