This is a migrated thread and some comments may be shown as answers.

RadAjaxLoadingPanel not displayed

1 Answer 213 Views

Ajax

This is a migrated thread and some comments may be shown as answers.

Bader asked on 04 Aug 2011, 10:33 AM

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>

</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

Accepted