Hello,
I'm trying to use the control RadAjaxLoadingPanel based on the demo http://demos.telerik.com/aspnet-ajax/ajax/examples/loadingpanel/loadingimages/defaultcs.aspx .
For unkown reason, it is not working, the RadAjaxLoadingPanel control is not displayed.
Note: I'm using the 2009.3.1314.35 Version.
Here is my page:
Aspx:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title> <style type="text/css"> .module1 { background-color: #dff3ff; border: 1px solid #c6e1f2; } </style> <Telerik:RadStyleSheetManager ID="SSH1" EnableStyleSheetCombine="true" runat="server"> <StyleSheets> <Telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Editor.css" /> <Telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Default.Editor.Default.css" /> <Telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Window.css" /> <Telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Default.Window.Default.css" /> </StyleSheets> </Telerik:RadStyleSheetManager></head><body> <form id="form1" runat="server"> <div> <telerik:RadScriptManager ID="ScriptManager1" runat="server" /> <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> <AjaxSettings> <telerik:AjaxSetting AjaxControlID="Panel1"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="Panel1" LoadingPanelID="RadAjaxLoadingPanel1" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="CheckBox1"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="RadAjaxLoadingPanel1" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="DropDownList1"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="RadAjaxLoadingPanel1" /> </UpdatedControls> </telerik:AjaxSetting> </AjaxSettings> </telerik:RadAjaxManager> <asp:Panel runat="server" ID="ConfigurationPanel1" Title="Configurator" Expanded="true"> <table> <tr> <td style="width: 200px"> <asp:CheckBox ID="CheckBox1" runat="server" Text="EnableSkinTransparency" Checked="true" AutoPostBack="true" OnCheckedChanged="CheckBox1_CheckedChanged" /><br /> <br /> </td> <td> Change Background Position:<br /> <asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="true" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged"> <asp:ListItem>Bottom</asp:ListItem> <asp:ListItem>BottomLeft</asp:ListItem> <asp:ListItem>BottomRight</asp:ListItem> <asp:ListItem Selected="True">Center</asp:ListItem> <asp:ListItem>Left</asp:ListItem> <asp:ListItem>None</asp:ListItem> <asp:ListItem>Right</asp:ListItem> <asp:ListItem>Top</asp:ListItem> <asp:ListItem>TopLeft</asp:ListItem> <asp:ListItem>TopRight</asp:ListItem> </asp:DropDownList> </td> </tr> </table> </asp:Panel> <fieldset class="module1"> <asp:Panel ID="Panel1" runat="server" HorizontalAlign="Center" Height="275px"> <asp:Button ID="Button1" runat="server" Text="Click to see the loading image" OnClick="Button1_Click" Style="margin-top: 15px; margin-left: 15px" CssClass="qsfButtonBigger" /> </asp:Panel> </fieldset> <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"> </telerik:RadAjaxLoadingPanel> <!-- content end --> </div> </form></body></html>c#:
using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.UI;using System.Web.UI.WebControls;using Telerik.Web.UI;public partial class Default2 : System.Web.UI.Page{ protected void Page_Load(object sender, EventArgs e) { } protected void Button1_Click(object sender, EventArgs e) { //simulate longer page load System.Threading.Thread.Sleep(2000); } protected void CheckBox1_CheckedChanged(object sender, EventArgs e) { RadAjaxLoadingPanel1.EnableSkinTransparency = (sender as CheckBox).Checked; } protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e) { AjaxLoadingPanelBackgroundPosition position = new AjaxLoadingPanelBackgroundPosition(); if (DropDownList1.SelectedValue == "Bottom") { position = AjaxLoadingPanelBackgroundPosition.Bottom; } if (DropDownList1.SelectedValue == "BottomLeft") { position = AjaxLoadingPanelBackgroundPosition.BottomLeft; } if (DropDownList1.SelectedValue == "BottomRight") { position = AjaxLoadingPanelBackgroundPosition.BottomRight; } if (DropDownList1.SelectedValue == "Center") { position = AjaxLoadingPanelBackgroundPosition.Center; } if (DropDownList1.SelectedValue == "Left") { position = AjaxLoadingPanelBackgroundPosition.Left; } if (DropDownList1.SelectedValue == "None") { position = AjaxLoadingPanelBackgroundPosition.None; } if (DropDownList1.SelectedValue == "Right") { position = AjaxLoadingPanelBackgroundPosition.Right; } if (DropDownList1.SelectedValue == "Top") { position = AjaxLoadingPanelBackgroundPosition.Top; } if (DropDownList1.SelectedValue == "TopLeft") { position = AjaxLoadingPanelBackgroundPosition.TopLeft; } if (DropDownList1.SelectedValue == "TopRight") { position = AjaxLoadingPanelBackgroundPosition.TopRight; } RadAjaxLoadingPanel1.BackgroundPosition = position; }}Please, I need you help,
It is apprecited to send me the modified code.
Regards,
Bader
1 Answer, 1 is accepted
0
Accepted
Hi Bader,
Please, set the Skin property of the RadAjaxLoadingPanel to the name of the respective skin and let me know if it works as expected:
Best wishes,
Pavlina
the Telerik team
Please, set the Skin property of the RadAjaxLoadingPanel to the name of the respective skin and let me know if it works as expected:
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Vista"> </telerik:RadAjaxLoadingPanel>Best wishes,
Pavlina
the Telerik team
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.