I also get AjaxLoadingPanelBackgroundPosition is not defined.
Code is copied right from the demo:
testload.aspx:
<%
@ Page Language="VB" AutoEventWireup="false" CodeFile="testload.aspx.vb" Inherits="LoadingImages_testload" %>
<%
@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!
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>Untitled Page</title>
</
head>
<
body>
<form id="form1" runat="server">
<div>
<telerik:RadScriptManager ID="ScriptManager1" runat="server" />
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel2" runat="server" Height="75px"
Width="75px">
<img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>'
style="border: 0px;" />
</telerik:RadAjaxLoadingPanel>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="Panel1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="Panel1" LoadingPanelID="RadAjaxLoadingPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<div class="bigModule">
<div class="bigModuleBottom">
<p>
<b>RadAjaxLoadingPanel</b> supports skinning and you can change its skin by setting
the
<b>Skin</b> property to the name of the respective skin. A <b>BackgroundPosition</b>
property enables you to position the loading image in the loading panel. The
<b>EnableSkinTransparency</b>
property allows you to enable/disable default skin transparency.
</p>
<p>
Please note that the loading images that are currently embedded in the Telerik.Web.UI assembly will not be available after Q1 2009.
</p>
<br />
</div>
</div>
<div class="module" style="width: 330px; height: 250px; float: left;">
<asp:CheckBox ID="CheckBox1" runat="server" Text="EnableSkinTransparency" Checked="true"
AutoPostBack="true" OnCheckedChanged="CheckBox1_CheckedChanged" /><br />
Change Background Position:
<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>
</div>
<div class="module1" style="float: right;">
<asp:Panel ID="Panel1" runat="server" Width="350px" 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>
</div>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">
</telerik:RadAjaxLoadingPanel>
</div>
</form>
</
body>
</
html>
tesload.aspx.vb:
Imports
System
Imports
System.Collections
Imports
System.ComponentModel
Imports
System.Data
Imports
System.Drawing
Imports
System.Web
Imports
System.Web.SessionState
Imports
System.Web.UI
Imports
System.Web.UI.WebControls
Imports
System.Web.UI.HtmlControls
Imports
Telerik.Web.UI
Partial
Class LoadingImages_testload
Inherits System.Web.UI.Page
Protected Sub Button1_Click(ByVal sender As Object, ByVal e As EventArgs)
'simulate longer page load
System.Threading.Thread.Sleep(2000)
End Sub
Protected Sub CheckBox1_CheckedChanged(ByVal sender As Object, ByVal e As EventArgs)
RadAjaxLoadingPanel1.EnableSkinTransparency = (
TryCast(sender, CheckBox)).Checked
End Sub
Protected Sub DropDownList1_SelectedIndexChanged(ByVal sender As Object, ByVal e As EventArgs)
Dim position As New AjaxLoadingPanelBackgroundPosition()
If DropDownList1.SelectedValue = "Bottom" Then
position = AjaxLoadingPanelBackgroundPosition.Bottom
End If
If DropDownList1.SelectedValue = "BottomLeft" Then
position = AjaxLoadingPanelBackgroundPosition.BottomLeft
End If
If DropDownList1.SelectedValue = "BottomRight" Then
position = AjaxLoadingPanelBackgroundPosition.BottomRight
End If
If DropDownList1.SelectedValue = "Center" Then
position = AjaxLoadingPanelBackgroundPosition.Center
End If
If DropDownList1.SelectedValue = "Left" Then
position = AjaxLoadingPanelBackgroundPosition.Left
End If
If DropDownList1.SelectedValue = "None" Then
position = AjaxLoadingPanelBackgroundPosition.None
End If
If DropDownList1.SelectedValue = "Right" Then
position = AjaxLoadingPanelBackgroundPosition.Right
End If
If DropDownList1.SelectedValue = "Top" Then
position = AjaxLoadingPanelBackgroundPosition.Top
End If
If DropDownList1.SelectedValue = "TopLeft" Then
position = AjaxLoadingPanelBackgroundPosition.TopLeft
End If
If DropDownList1.SelectedValue = "TopRight" Then
position = AjaxLoadingPanelBackgroundPosition.TopRight
End If
RadAjaxLoadingPanel1.BackgroundPosition = position
End Sub
End
Class