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

Loading Panel on a RadWindow...

4 Answers 721 Views

Window

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

mark baer asked on 25 Apr 2011, 10:38 PM

RadWindowLoadingPanel.jpg

I have a page that opens up a small RadWindow. When the person clicks "Save" inside the radWindow, I would like the Ajax Loading Panel to cover the RadWindow until it is done saving. The Rad Window is modal. I set it up in the Ajax Settings, but it doesn't work. Furthermore, when I go back to look at my Ajax settings, they have not been retained. Can I use the RadWindow and loading panel in this fashion?

thanks

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"

 

Skin="WebBlue"> 

</telerik:RadAjaxLoadingPanel> 

<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1"

runat="server"> 

<AjaxSettings> 

<telerik:AjaxSetting

AjaxControlID="panelSearchResultsAndDetails"> 

<UpdatedControls> 

<telerik:AjaxUpdatedControl ControlID="panelSearchResultsAndDetails"

 

LoadingPanelID="RadAjaxLoadingPanel1"

/> 

</UpdatedControls> 

</telerik:AjaxSetting> 

<telerik:AjaxSetting

AjaxControlID="radSearchPanel"> 

<UpdatedControls> 

<telerik:AjaxUpdatedControl ControlID="RadPanelBar1"

 

LoadingPanelID="RadAjaxLoadingPanel1"

/> 

</UpdatedControls> 

</telerik:AjaxSetting> 

</AjaxSettings> </telerik:RadAjaxManagerProxy>

See attached jpg for Designer settings...

4 Answers, 1 is accepted

answered on 28 Apr 2011, 01:57 PM

Window-LoadingPanel.zip

Hi Mark,

In order to display a loading panel inside the RadWindow you need to wrap the content in a panel (or a div, as the asp panel renders as a div actually) and set it to be an AjaxUpdatedControl when the AjaxControlID property is set to the ID of the save button.

Please note that the size of this panel depends on the content. You need to set it explicitly in order for the AutoSize to work properly. Or, you could set the size manually and not use the AutoSize functionality at all.

For your convenience I created and attached a simple page illustrating the approach. Here is a video from my experiment: http://screencast.com/t/ytvKTTs7. I hope that this is the desired functionality.

All the best,
Marin
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.

answered on 28 Apr 2011, 07:27 PM

Thanks for your response. Okay, I wrapped the Contents of the RadWindow in a Panel(See below), then I added the Ajax Settings to the RadAjaxManagerProxy. I got Javascript errors when I clicked the Update button. One question that I have to go along with this is: If I try to use the Designer to set the Ajax Settings on the Proxy, MANY times, the settings don't stick or update the XML. Why is that?

Here is my RadWindow HTML, note that it is INSIDE a RadPane.

<telerik:RadWindow ID="radWindowEditSynopsis" Skin="WebBlue"

runat="server"

VisibleOnPageLoad="false"> 

<ContentTemplate> 

<asp:Panel ID="panelEditSynopsis" runat="server" Width="600px"

Height="350px"> 

<table

class="searchForm"> 

<tr><BR

<td

class="formHeader"><BR

Synopsis<BR

</td> 

</tr> 

<tr><BR

<td><BR

<asp:TextBox ID="txtSynopsisPopup" runat="server" Rows="20"

TextMode="MultiLine"

<BR>

CssClass="textFields"

Width="595px"></asp:TextBox><BR

</td> 

</tr> 

<tr><BR

<td

align="right"><BR

<telerik:RadButton runat="server" ID="btnUpdateSynopsis" Text="Update"

OnClick="btnUpdateSynopsis_Click"><BR

</telerik:RadButton><BR

</td> 

</tr> 

</table> 

</asp:Panel> 

 

</ContentTemplate> 

</telerik:RadWindow>

Here is my XML for the Ajax Settings(Proxy).

<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1"

runat="server"> 

<AjaxSettings> 

<telerik:AjaxSetting

AjaxControlID="btnUpdateSynopsis"> 

<UpdatedControls> 

<telerik:AjaxUpdatedControl ControlID="panelEditSynopsis"

LoadingPanelID="RadAjaxLoadingPanel1"

/> 

</UpdatedControls> 

</telerik:AjaxSetting> 

<telerik:AjaxSetting

AjaxControlID="radPanelScripts"> 

<UpdatedControls> 

<telerik:AjaxUpdatedControl ControlID="radPanelScripts"

 

LoadingPanelID="RadAjaxLoadingPanel1"

/> 

</UpdatedControls> 

</telerik:AjaxSetting> 

<telerik:AjaxSetting

AjaxControlID="RadPanelBar1"> 

<UpdatedControls> 

<telerik:AjaxUpdatedControl ControlID="panelSearchResultsAndDetails"

 

LoadingPanelID="RadAjaxLoadingPanel1"

/> 

</UpdatedControls> 

</telerik:AjaxSetting> 

</AjaxSettings> 

</telerik:RadAjaxManagerProxy> 

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"

Skin="WebBlue"> 

</telerik:RadAjaxLoadingPanel> 

Thanks again.

Mark

answered on 29 Apr 2011, 10:34 PM

I am still having difficulty with this. On the one page, I took out the HTML and put it on a separate page, then referenced that URL when I opened the RadWindow. That page works fine.

But for this page, the RadWindow and content are still on one page. I still get a javascript error when the button is clicked. Below I have attached the html to the entire page. I know it's pretty large, sorry about that. Mainly, just look for the Edit Synopsis Window, then look at the Ajax Settings to see if everything looks correct.

thanks

mark

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master"

AutoEventWireup="true" CodeBehind="ScriptCoverage.aspx.cs"

Inherits="CreativeAffairsWebApp.Modules.Scripts.ScriptCoverage" %>

<%@ Register Assembly="Microsoft.ReportViewer.WebForms, Version=10.0.0.0,

Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a" 

Namespace="Microsoft.Reporting.WebForms" TagPrefix="rsweb" %> <%@

Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI"

TagPrefix="telerik" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent"

runat="server"> <style

type="text/css"> 

.posRelativeClass 

{ 

position: relative; 

} </style>

</asp:Content> <asp:Content ID="Content2"

ContentPlaceHolderID="MainContent" runat="server"> 

<telerik:RadSplitter ID="RadSplitter1" runat="server" Width="100%"

Height="100%" Skin="WebBlue"> 

<telerik:RadPane ID="RadPane1" runat="server" Width="100%" Height="100%"

Scrolling="None"

> 

<asp:Panel ID="panelSearchResultsAndDetails"

runat="server"> 

<telerik:RadPanelBar ID="radPanelScripts" runat="server" Skin="WebBlue"

Height="100%"

Width="100%"> 

<Items> 

<telerik:RadPanelItem runat="server" Text="Search Results"

Width="100%"> 

<ContentTemplate> 

<table

width="100%"> 

<tr> 

<td align="right"

class="formLabel"> 

<telerik:RadButton ID="btnHideSelectedSearch" Skin="WebBlue"

Width="140" runat="server"

OnClick="btnHideSelectedScripts_Click" 

Text="Hide

Selected"/> 

 

 

<telerik:RadButton ID="btnUnhideSearch" Skin="WebBlue" runat="server"

Width="140" Text="Show Hidden" OnClick="btnUnHideSearch_Click"

/> 

 

 

<telerik:RadButton ID="btnPrintSelection" Skin="WebBlue" runat="server"

OnClick="btnPrintSelectionScript_Click" 

Text="Print

Preview"> 

</telerik:RadButton> 

<asp:CheckBox ID="ckHideSearchResultsFilter" AutoPostBack="true"

runat="server" Text="Hide Filter

Row" 

OnCheckedChanged="ckHideSearchResultsFilter_CheckChanged"

/> 

<asp:CheckBox ID="ckHideSearchResultsGroupPanel" AutoPostBack="true"

runat="server" 

Text="Hide Grouping Row"

OnCheckedChanged="ckHideSearchResultsGroupPanel_CheckChanged"

/> 

</td> 

</tr> 

</table> 

<telerik:RadGrid ID="radgridSearchResults" runat="server"

AllowFilteringByColumn="True"

AllowMultiRowSelection="true" 

AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False"

GridLines="None"

Height="620px" 

PageSize="25" ShowGroupPanel="True"

OnSelectedIndexChanged="radgridSearchResults_SelectedIndexChanged" 

Skin="WebBlue" OnNeedDataSource="radgridSearchResults_NeedDataSource"

OnItemDataBound="radgridSearchResults_ItemDataBound"> 

<ClientSettings

AllowColumnsReorder="True"> 

<Scrolling AllowScroll="True" ScrollHeight="420" UseStaticHeaders="True"

/> 

<Selecting AllowRowSelect="true"

/> 

</ClientSettings> 

<MasterTableView> 

<CommandItemSettings ExportToPdfText="Export to Pdf"

/> 

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator

column"> 

<HeaderStyle Width="20px"

/> 

</RowIndicatorColumn> 

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn

column"> 

<HeaderStyle Width="20px"

/> 

</ExpandCollapseColumn> 

<Columns> 

<telerik:GridClientSelectColumn UniqueName="CheckboxSelectColumn"

Visible="true"> 

<HeaderStyle Width="3%"

/> 

<ItemStyle Width="3%"

/> 

</telerik:GridClientSelectColumn> 

<telerik:GridBoundColumn DataField="division" FilterControlWidth="35"

HeaderText="Division" 

SortExpression="division"

UniqueName="colDivision"> 

<HeaderStyle Width="6%"

/> 

<ItemStyle Width="6%"

/> 

</telerik:GridBoundColumn> 

<telerik:GridButtonColumn DataTextField="Title" CommandName="Select"

FilterControlAltText="Filter column

column" 

HeaderText="Title" SortExpression="title"

UniqueName="column"> 

<HeaderStyle Width="40%"

/> 

<ItemStyle Width="40%"

/> 

</telerik:GridButtonColumn> 

<telerik:GridBoundColumn DataField="authors" FilterControlAltText="Filter

colAuthors

column" 

HeaderText="Author" SortExpression="authors"

UniqueName="colAuthors"> 

<HeaderStyle Width="35%"

/> 

<ItemStyle Width="35%"

/> 

</telerik:GridBoundColumn> 

<telerik:GridBoundColumn DataField="date_covered"

DataFormatString="{0:MM/dd/yyyy}" 

FilterControlAltText="Filter colCoverageDate column" HeaderText="Coverage

Date" 

SortExpression="date_covered"

UniqueName="colCoverageDate"> 

</telerik:GridBoundColumn> 

</Columns> 

<EditFormSettings> 

<EditColumn FilterControlAltText="Filter EditCommandColumn

column"> 

</EditColumn> 

</EditFormSettings> 

</MasterTableView> 

<FilterMenu

EnableImageSprites="False"> 

</FilterMenu> 

<HeaderContextMenu CssClass="GridContextMenu

GridContextMenu_Default"> 

</HeaderContextMenu> 

</telerik:RadGrid> 

</ContentTemplate> 

</telerik:RadPanelItem> 

<telerik:RadPanelItem runat="server" Text="Script Details" Expanded="true"

Width="100%"

style="position:relative"> 

<ContentTemplate> 

<!--Tab

Strip--> 

<table

width="100%"> 

<tr> 

<td

width="50%"> 

<telerik:RadTabStrip ID="RadTabStrip1" MultiPageID="RadMultiPage1"

runat="server" 

Skin="WebBlue"

SelectedIndex="1"> 

<Tabs> 

<telerik:RadTab runat="server" Text="Details"

Selected="true"> 

</telerik:RadTab> 

<telerik:RadTab runat="server"

Text="Comments"> 

</telerik:RadTab> 

</Tabs> 

</telerik:RadTabStrip> 

</td> 

<td

align="right"> 

<telerik:RadButton ID="btnSave" Skin="WebBlue" runat="server"

OnClick="btnSaveScript_Click" ValidationGroup="valGroup1"

Text="Save"> 

</telerik:RadButton> 

<telerik:RadButton ID="btnDelete" Skin="WebBlue" runat="server"

OnClick="btnDeleteScript_Click"

Text="Delete"> 

</telerik:RadButton> 

<telerik:RadButton ID="btnResetScript" Skin="WebBlue" runat="server"

OnClick="btnResetScript_Click"

Text="Reset"> 

</telerik:RadButton> 

<telerik:RadButton ID="btnPrintPreview" Skin="WebBlue" runat="server"

OnClick="btnPrintPreviewScript_Click" Text="Print

Preview"> 

</telerik:RadButton> 

<telerik:RadButton ID="btnPrint" Skin="WebBlue" runat="server"

OnClick="btnPrintScript_Click"

Text="Print"> 

</telerik:RadButton> 

</td> 

</tr> 

</table> 

<telerik:RadMultiPage ID="RadMultiPage1" runat="server"

CssClass="form"> 

<telerik:RadPageView ID="RadPageView1" runat="server" Selected="true"

CssClass="form" 

BorderColor="#2E9AFE"

BorderWidth="1"> 

<!--Title

Table--> 

<table width="98%" class="form" border="0"

cellpadding="3"> 

<tr> 

<td valign="top" align="right"

width="105px"> 

<asp:Label ID="Label1" runat="server" CssClass="formLabel"

Text="Title"></asp:Label> 

</td> 

<td

align="left"> 

<asp:TextBox ID="txtTitle" runat="server" CssClass="textFields"

Width="540px"></asp:TextBox> 

<asp:RequiredFieldValidator ID="valTitle" runat="server"

ControlToValidate="txtTitle" 

ForeColor="Red" ErrorMessage="***"

ValidationGroup="valGroup1"></asp:RequiredFieldValidator> 

<!--Validator Extender was

here--> 

<telerik:RadWindowManager ID="RadWindowManager" runat="server"

DestroyOnClose="True" 

RestrictionZoneID="RestrictionZone"> 

<Windows><BR

<telerik:RadWindow ID="radWindowDetailPrint" runat="server"

VisibleOnPageLoad="false"><BR

</telerik:RadWindow><BR

<telerik:RadWindow ID="radWindowSelectionPrint" runat="server"

VisibleOnPageLoad="false"><BR

</telerik:RadWindow><BR

<telerik:RadWindow ID="radWindowConfirmDelete" runat="server"

VisibleOnPageLoad="false"

<BR>

Height="125px"

Width="200px"><BR

<ContentTemplate><BR

<table

width="100%"><BR

<tr><BR

<td

align="center"><BR

Are you sure you want to Delete this

Script?<BR

</td><BR

</tr><BR

<tr><BR

<td

align="center"><BR

<asp:Button ID="ButtonOk" OnClick="btnOkayDelete_Click" runat="server"

Text="Ok"

/><BR

<asp:Button ID="ButtonCancel" OnClick="btnCancelDelete_Click" runat="server"

Text="Cancel"

/><BR

</td><BR

</tr><BR

</table><BR

</ContentTemplate><BR

</telerik:RadWindow><BR

<telerik:RadWindow ID="radWindowSaveConfirm" runat="server"

VisibleOnPageLoad="false"

<BR>

Height="125px"

Width="200px"><BR

<ContentTemplate><BR

<table

width="100%"><BR

<tr><BR

<td

align="center"><BR

Are you sure you want to Save this

Script?<BR

</td><BR

</tr><BR

<tr><BR

<td

align="center"><BR

<asp:Button ID="btnOkaySaveScript" OnClick="btnOkaySaveScript_Click"

runat="server"

<BR>

Text="Ok"

/><BR

</td><BR

</tr><BR

</table><BR

</ContentTemplate><BR

</telerik:RadWindow> 

</Windows> 

</telerik:RadWindowManager> 

</td> 

</tr> 

</table> 

<table width="98%" class="form" border="0"

cellpadding="3"> 

<tr> 

<td class="formLabel" width="105px" align="right"

valign="top"> 

Authors 

</td> 

<td class="formLabel" width="225px" rowspan="4" valign="top"

> 

<telerik:RadComboBox ID="ddlAuthors" runat="server" AutoPostBack="True"

EmptyMessage="Type to

Search" 

MarkFirstMatch="true" AllowCustomText="false"

EnableAutomaticLoadOnDemand="true" 

Skin="WebBlue" Width="205px"

OnSelectedIndexChanged="ddlAuthors_SelectedIndexChanged"> 

<WebServiceSettings Path="../Admin/Controls/AdminService.asmx"

Method="GetScriptAuthors"

/> 

</telerik:RadComboBox> 

<br

/> 

<asp:LinkButton ID="lbRemoveAuthor" runat="server"

OnClick="lbRemoveAuthor_Click">Remove</asp:LinkButton> 

<br

/> 

<asp:ListBox ID="lstAuthors" runat="server" CssClass="textFields"

SelectionMode="Multiple" 

Width="205px"></asp:ListBox> 

</td> 

<td class="formLabel" width="95px" align="right"

valign="top"> 

Submitted

By

 

</td> 

<td class="formLabel" width="225px"

valign="top"> 

<asp:TextBox ID="txtSubmittedBy" runat="server" Width="200px"

CssClass="textFields"></asp:TextBox> 

<br

/> 

<asp:LinkButton ID="lbAddSubmittedBy" runat="server"

OnClick="lbAddSubmittedBy_Click">Add</asp:LinkButton> 

  

<asp:LinkButton ID="lbRemoveSubmittedBy" runat="server"

OnClick="lbRemoveSubmittedBy_Click">Remove</asp:LinkButton> 

<asp:ListBox ID="lstSubmittedBy" runat="server" CssClass="textFields"

SelectionMode="Multiple" 

Width="205px"></asp:ListBox> 

</td> 

<td class="formLabel" align="right" width="105px"

valign="top"> 

Submitted

To 

</td> 

<td class="formLabel"

valign="top"> 

<telerik:RadComboBox ID="ddlSubmittedTo" runat="server" AutoPostBack="True"

EmptyMessage="Type to

Search" 

MarkFirstMatch="true" AllowCustomText="true" Skin="WebBlue"

Width="205px"> 

</telerik:RadComboBox> 

<br

/> 

<asp:LinkButton ID="lbAddSubmittedTo" runat="server"

OnClick="lbAddSubmittedTo_Click">Add</asp:LinkButton> 

  

<asp:LinkButton ID="lbRemoveSubmittedTo" runat="server"

OnClick="lbRemoveSubmittedTo_Click">Remove</asp:LinkButton> 

<br

/> 

<asp:ListBox ID="lstSubmittedTo" runat="server" CssClass="textFields"

SelectionMode="Multiple" 

Width="205px"></asp:ListBox> 

</td> 

</tr> 

</table> 

<table width="98%" class="form" border="0"

cellpadding="3"> 

<tr> 

<td class="formLabel-RightAlign" width="105px"

> 

Type of

Material 

</td> 

<td class="formLabel" align="left"

width="225px"> 

<telerik:RadComboBox ID="cboMaterials" runat="server" Width="205px"

EmptyMessage="Type to

Select..." 

MarkFirstMatch="true"

Skin="WebBlue"> 

</telerik:RadComboBox> 

</td> 

<td class="formLabel-RightAlign"

width="95px"> 

Draft 

</td> 

<td class="formLabel" valign="top"

width="225px"> 

<asp:TextBox ID="txtDraft" runat="server" CssClass="textFields"

Width="200px"></asp:TextBox> 

</td> 

<td class="formLabel-RightAlign"

width="105px"> 

Year

Published 

</td> 

<td

align="left"> 

<asp:TextBox ID="txtYearPublished" runat="server" Width="200px"

CssClass="textFields"></asp:TextBox> 

</td> 

</tr> 

<tr> 

<td

class="formLabel-RightAlign"> 

Coverage

Date 

</td> 

<td class="formLabel"

valign="top"> 

<telerik:RadDatePicker ID="txtCoverageDate" runat="server" Skin="WebBlue"

Width="205px"> 

<Calendar ID="Calendar1" runat="server" Skin="WebBlue"

UseColumnHeadersAsSelectors="False" 

UseRowHeadersAsSelectors="False"

ViewSelectorText="x"> 

</Calendar> 

<DateInput ID="DateInput1" runat="server" DateFormat="M/d/yyyy"

DisplayDateFormat="M/d/yyyy"> 

</DateInput> 

<DatePopupButton HoverImageUrl="" ImageUrl=""

/> 

</telerik:RadDatePicker> 

<asp:RequiredFieldValidator ID="valCoverageDate" ForeColor="Red"

runat="server"

ControlToValidate="txtCoverageDate" 

ErrorMessage="***" ValidationGroup="valGroup1"

/> 

</td> 

<td class="formLabel-RightAlign"

valign="top"> 

Analyst 

</td> 

<td

valign="top"> 

<telerik:RadComboBox ID="ddlAnalyst" runat="server" Width="205px"

EmptyMessage="Type to

Select..." 

MarkFirstMatch="true"

Skin="WebBlue"> 

</telerik:RadComboBox> 

</td> 

<td

class="formLabel-RightAlign"> 

Publisher 

</td> 

<td> 

<asp:TextBox ID="txtPublisher" runat="server" CssClass="textFields"

Width="200px"></asp:TextBox> 

</td> 

</tr> 

<tr> 

<td class="formLabel-RightAlign"

align="right"> 

Received

Date 

</td> 

<td class="formLabel"

valign="top"> 

<telerik:RadDatePicker ID="txtReceivedDate" Width="205px" runat="server"

Skin="WebBlue"> 

<Calendar ID="Calendar2" runat="server" Skin="WebBlue"

UseColumnHeadersAsSelectors="False" 

UseRowHeadersAsSelectors="False"

ViewSelectorText="x"> 

</Calendar> 

<DateInput ID="DateInput2" runat="server" DateFormat="M/d/yyyy"

DisplayDateFormat="M/d/yyyy"> 

</DateInput> 

<DatePopupButton HoverImageUrl="" ImageUrl=""

/> 

</telerik:RadDatePicker> 

</td> 

<td class="formLabel-RightAlign"

> 

Circa 

</td> 

<td

class="formLabel"> 

<asp:TextBox ID="txtCirca" runat="server" Width="200px"

CssClass="textFields"></asp:TextBox> 

</td> 

<td class="formLabel-RightAlign"

valign="top"> 

Date

Returned 

</td> 

<td

class="formLabel"> 

<telerik:RadDatePicker ID="txtReturnDate" Width="205px" runat="server"

Skin="WebBlue"> 

<Calendar ID="Calendar3" runat="server" Skin="WebBlue"

UseColumnHeadersAsSelectors="False" 

UseRowHeadersAsSelectors="False"

ViewSelectorText="x"> 

</Calendar> 

<DateInput ID="DateInput3" runat="server" DateFormat="M/d/yyyy"

DisplayDateFormat="M/d/yyyy"> 

</DateInput> 

<DatePopupButton HoverImageUrl="" ImageUrl=""

/> 

</telerik:RadDatePicker> 

</td> 

</tr> 

<tr> 

<td

class="formLabel-RightAlign"> 

Location 

</td> 

<td class="formLabel"

align="left"> 

<asp:TextBox ID="txtLocation0" runat="server" CssClass="textFields"

Width="200px"></asp:TextBox> 

</td> 

<td

class="formLabel-RightAlign"> 

Elements 

</td> 

<td

class="formLabel"> 

<asp:TextBox ID="txtElements0" runat="server" CssClass="textFields"

Width="200px"></asp:TextBox> 

</td> 

<td

class="formLabel-RightAlign"> 

Number of Pages

 

</td> 

<td> 

<telerik:RadNumericTextBox ID="txtNumberOfPages"

NumberFormat-DecimalDigits="0"

runat="server" 

CssClass="textFields"

Width="205px"> 

</telerik:RadNumericTextBox> 

</td> 

</tr> 

</table> 

<table width="98%" border="0"

cellpadding="3"> 

<tr> 

<td valign="top" width="105px"

class="formLabel-RightAlign"> 

Genre 

</td> 

<td valign="top"

width="227px"> 

<telerik:RadComboBox ID="ddlGenre" runat="server" AutoPostBack="True"

EmptyMessage="Type to

Search" 

MarkFirstMatch="true"

OnSelectedIndexChanged="ddlGenre_SelectedIndexChanged" 

Skin="WebBlue"

Width="205px"> 

</telerik:RadComboBox> 

<br

/> 

<asp:LinkButton ID="lbDeleteGenre" runat="server"

OnClick="lbDeleteGenre_Click">Remove

Genre</asp:LinkButton> 

<br

/> 

<asp:ListBox ID="lstGenre" runat="server" CssClass="textFields"

SelectionMode="Multiple" 

Width="205px"></asp:ListBox> 

</td> 

<td class="formLabel" width="93px" align="right"

valign="top"> 

Sub-Genre 

</td> 

<td align="left" class="formLabel"

width="225px"> 

<telerik:RadComboBox ID="ddlSubGenre" runat="server" AutoPostBack="True"

EmptyMessage="Type to

Search" 

MarkFirstMatch="true"

OnSelectedIndexChanged="ddlSubGenre_SelectedIndexChanged" 

Skin="WebBlue"

Width="205px"> 

</telerik:RadComboBox> 

<br

/> 

<asp:LinkButton ID="lbDeleteSubgenre" runat="server"

OnClick="lbDeleteSubgenre_Click">Remove

Subgenre</asp:LinkButton> 

<br

/> 

<asp:ListBox ID="lstSubGenre" runat="server" CssClass="textFields"

SelectionMode="Multiple" 

Width="205px"></asp:ListBox> 

</td> 

<td align="right" class="formLabel" width="105px"

valign="top"> 

Keywords 

</td> 

<td align="left"

class="formLabel"> 

<telerik:RadComboBox ID="ddlKeywords" runat="server" AutoPostBack="True"

EmptyMessage="Type to

Search" 

MarkFirstMatch="true"

OnSelectedIndexChanged="ddlKeywords_SelectedIndexChanged" 

Skin="WebBlue"

Width="205px"> 

</telerik:RadComboBox> 

<br

/> 

<asp:LinkButton ID="LinkButton1" runat="server"

OnClick="lbDeleteKeywords_Click">Remove

Keywords</asp:LinkButton> 

<br

/> 

<asp:ListBox ID="lstKeywords" runat="server" CssClass="textFields"

SelectionMode="Multiple" 

Width="205px"></asp:ListBox> 

</td> 

</tr> 

<tr> 

<td

class="formLabel"> 

  

</td> 

<td

class="formLabel"> 

  

</td> 

<td

class="formLabel"> 

  

</td> 

<td

class="formLabel"> 

<asp:CheckBox ID="ckConfidential0" runat="server" Text="Confidential"

/> 

</td> 

<td

class="formLabel"> 

  

</td> 

<td

class="formLabel"> 

<asp:CheckBox ID="ckDevelopment0" runat="server" Text="Development"

/> 

</td> 

</tr> 

</table> 

<table width="100%" cellpadding="3"

class="form"> 

<tr> 

<td align="right" valign="top" class="formLabel"

width="100px"> 

Log

Line 

</td> 

<td

colspan="5"> 

<asp:TextBox ID="txtLogline" runat="server" CssClass="textFields" Rows="3"

TextMode="MultiLine" 

Width="99%"></asp:TextBox> 

</td> 

</tr> 

<tr> 

<td> 

  

</td> 

<td> 

  

</td> 

<td> 

  

</td> 

<td> 

</td> 

<td> 

  

</td> 

<td

align="right"> 

<telerik:RadButton ID="btnShowSynopsisePopup" Skin="WebBlue" runat="server"

Text="Edit Synopsis"

OnClick="btnShowSynopsisPopup_Click"> 

</telerik:RadButton> 

</td> 

</tr> 

<tr> 

<td align="right" valign="top"

class="formLabel"> 

Synopsis 

</td> 

<td

colspan="5"> 

<asp:TextBox ID="txtSynopsis" runat="server" AutoPostBack="true"

CssClass="textFields" 

OnTextChanged="txtSynopsis_TextChanged" Rows="5" TabIndex="99"

TextMode="MultiLine" 

Width="99%"></asp:TextBox> 

</td> 

</tr> 

</table> 

<telerik:RadWindow ID="radWindowEditSynopsis" Skin="WebBlue" runat="server"

VisibleOnPageLoad="false"> 

<ContentTemplate> 

<asp:Panel ID="panelEditSynopsisWindow"

runat="server"> 

<table

class="form"> 

<tr><BR

<td><BR

<asp:TextBox ID="txtSynopsisPopup" runat="server" Rows="20"

TextMode="MultiLine"

<BR>

CssClass="textFields"

Width="595px"></asp:TextBox><BR

</td> 

</tr> 

<tr><BR

<td

align="right"><BR

<telerik:RadButton runat="server" ID="btnUpdateSynopsis" Text="Update"

OnClick="btnUpdateSynopsis_Click"><BR

</telerik:RadButton><BR

</td> 

</tr> 

</table> 

</asp:Panel> 

</ContentTemplate> 

</telerik:RadWindow> 

</telerik:RadPageView> 

<!--SCRIPT

DETAILS---> 

<telerik:RadPageView ID="RadPageView2" runat="server" BorderColor="#2E9AFE"

CssClass="form" 

BorderWidth="1"> 

<table border="0" class="form"

cellpadding="3"> 

<tr> 

<td width="150px"

class="formLabel-RightAlign"> 

Title 

</td> 

<td class="formLabel"

colspan="3"> 

<asp:Label ID="lblTitle" runat="server" Font-Bold="true"

Text=""></asp:Label> 

</td> 

</tr> 

<tr> 

<td width="150px"

class="formLabel-RightAlign"> 

Analyst 

</td> 

<td class="formLabel"

colspan="3"> 

<asp:Label ID="lblAnalyst" runat="server" Font-Bold="true"

Text=""></asp:Label> 

</td> 

</tr> 

<tr> 

<td width="150px"

class="formLabel-RightAlign"> 

Idea 

</td> 

<td width="250px"

class="formLabel"> 

<telerik:RadSlider ID="radslideIdea" runat="server" CssClass="ItemSlider"

Height="30px" 

ItemType="Item" MaximumValue="5" MinimumValue="1" Skin="WebBlue"

Width="250px"> 

<Items><BR

<telerik:RadSliderItem Text="Exc." Value="1"

/><BR

<telerik:RadSliderItem Text="Good" Value="2"

/><BR

<telerik:RadSliderItem Text="Fair" Value="3"

/><BR

<telerik:RadSliderItem Text="Poor" Value="4"

/><BR

<telerik:RadSliderItem Text="N/A" Value="5"

/> 

</Items> 

</telerik:RadSlider> 

</td> 

<td class="formLabel" align="right"

width="100px"> 

Material 

</td> 

<td> 

<telerik:RadComboBox ID="cboMaterial" runat="server" Skin="WebBlue"

MarkFirstMatch="true" 

EmptyMessage="Type to Select..."

> 

<Items><BR

<telerik:RadComboBoxItem Value="1" Text="Pass"

/><BR

<telerik:RadComboBoxItem Value="2" Text="Consider"

/><BR

<telerik:RadComboBoxItem Value="3" Text="Recommend"

/><BR

<telerik:RadComboBoxItem Value="4" Text="N/A"

/> 

</Items> 

</telerik:RadComboBox> 

</td> 

</tr> 

<tr> 

<td align="right" width="150px"

class="formLabel"> 

Story

Line 

</td> 

<td

align="left"> 

<telerik:RadSlider ID="radSlideStoryLine" runat="server"

CssClass="ItemSlider"

Height="30px" 

ItemType="Item" MaximumValue="5" MinimumValue="1" Skin="WebBlue"

Width="250px"> 

<Items><BR

<telerik:RadSliderItem Text="Exc." Value="1"

/><BR

<telerik:RadSliderItem Text="Good" Value="2"

/><BR

<telerik:RadSliderItem Text="Fair" Value="3"

/><BR

<telerik:RadSliderItem Text="Poor" Value="4"

/><BR

<telerik:RadSliderItem Text="N/A" Value="5"

/> 

</Items> 

</telerik:RadSlider> 

</td> 

<td class="formLabel"

align="right"> 

Writer 

</td> 

<td> 

<telerik:RadComboBox ID="cboWriter" runat="server" Skin="WebBlue"

MarkFirstMatch="true" 

EmptyMessage="Type to

Select..."> 

<Items><BR

<telerik:RadComboBoxItem Value="1" Text="Pass"

/><BR

<telerik:RadComboBoxItem Value="2" Text="Consider"

/><BR

<telerik:RadComboBoxItem Value="3" Text="Recommend"

/><BR

<telerik:RadComboBoxItem Value="4" Text="N/A"

/> 

</Items> 

</telerik:RadComboBox> 

</td> 

</tr> 

<tr> 

<td align="right"

class="formLabel"> 

Characterization 

</td> 

<td

align="left"> 

<telerik:RadSlider ID="radSlideCharacterization" runat="server"

CssClass="ItemSlider" 

Height="30px" ItemType="Item" MaximumValue="5" MinimumValue="1"

Skin="WebBlue" 

Width="250px"> 

<Items><BR

<telerik:RadSliderItem Text="Exc." Value="1"

/><BR

<telerik:RadSliderItem Text="Good" Value="2"

/><BR

<telerik:RadSliderItem Text="Fair" Value="3"

/><BR

<telerik:RadSliderItem Text="Poor" Value="4"

/><BR

<telerik:RadSliderItem Text="N/A" Value="5"

/> 

</Items> 

</telerik:RadSlider> 

</td> 

<td class="formLabel"

align="right"> 

Concept 

</td> 

<td> 

<telerik:RadComboBox ID="cboConcept" runat="server" Skin="WebBlue"

MarkFirstMatch="true" 

EmptyMessage="Type to

Select..."> 

<Items><BR

<telerik:RadComboBoxItem Value="1" Text="Pass"

/><BR

<telerik:RadComboBoxItem Value="2" Text="Consider"

/><BR

<telerik:RadComboBoxItem Value="3" Text="Recommend"

/><BR

<telerik:RadComboBoxItem Value="4" Text="N/A"

/> 

</Items> 

</telerik:RadComboBox> 

</td> 

</tr> 

<tr> 

<td align="right"

class="formLabel"> 

Dialogue 

</td> 

<td

align="left"> 

<telerik:RadSlider ID="radSlideDialog" ItemType="Item" runat="server"

Skin="WebBlue" 

Width="250px" Height="30px" MaximumValue="5" MinimumValue="1"

CssClass="ItemSlider"> 

<Items><BR

<telerik:RadSliderItem Text="Exc." Value="1"

/><BR

<telerik:RadSliderItem Text="Good" Value="2"

/><BR

<telerik:RadSliderItem Text="Fair" Value="3"

/><BR

<telerik:RadSliderItem Text="Poor" Value="4"

/><BR

<telerik:RadSliderItem Text="N/A" Value="5"

/> 

</Items> 

</telerik:RadSlider> 

</td> 

<td class="formLabel"

align="right"> 

Budget 

</td> 

<td

class="formLabel"> 

<asp:RadioButton ID="radioBudgetHigh" runat="server"

GroupName="radioBudgetGroup" 

Text="High"

/> 

<asp:RadioButton ID="radioBudgetMedium" runat="server"

GroupName="radioBudgetGroup" 

Text="Medium"

/> 

<asp:RadioButton ID="radioBudgetLow" runat="server"

GroupName="radioBudgetGroup" 

Text="Low"

/> 

</td> 

</tr> 

<tr> 

<td align="right"

class="formLabel"> 

Setting/Production

Values 

</td> 

<td

align="left"> 

<telerik:RadSlider ID="radSlideProductionSettings" runat="server"

CssClass="ItemSlider" 

Height="30px" ItemType="Item" MaximumValue="5" MinimumValue="1"

Skin="WebBlue" 

Width="250px"> 

<Items><BR

<telerik:RadSliderItem Text="Exc." Value="1"

/><BR

<telerik:RadSliderItem Text="Good" Value="2"

/><BR

<telerik:RadSliderItem Text="Fair" Value="3"

/><BR

<telerik:RadSliderItem Text="Poor" Value="4"

/><BR

<telerik:RadSliderItem Text="N/A" Value="5"

/> 

</Items> 

</telerik:RadSlider> 

</td> 

<td> 

</td> 

<td

class="formLabel"> 

</td> 

</tr> 

</table> 

<table width="100%"

cellpadding="3"> 

<tr> 

<td class="formLabel" align="right" valign="top"

width="150px"> 

Logline

Comment 

</td> 

<td

class="formLabel"> 

<asp:TextBox ID="txtLoglineComment" runat="server" CssClass="textFields"

Rows="6" 

TextMode="MultiLine"

Width="95%"></asp:TextBox> 

</td> 

</tr> 

<tr> 

<td class="formLabel" valign="top"

align="right"> 

Comment 

</td> 

<td

class="formLabel"> 

<asp:TextBox ID="txtComment" runat="server" CssClass="textFields" Rows="8"

TextMode="MultiLine" 

Width="95%"></asp:TextBox> 

</td> 

</tr> 

</table> 

</telerik:RadPageView> 

</telerik:RadMultiPage> 

</ContentTemplate> 

</telerik:RadPanelItem> 

</Items> 

</telerik:RadPanelBar> 

</asp:Panel> 

</telerik:RadPane> 

<telerik:RadPane ID="SearchPane" runat="server" Width="20px"

> 

<telerik:RadSlidingZone ID="RadSlidingSearchZone" runat="server"

SlideDirection="Left"

> 

<telerik:RadSlidingPane ID="RadSlidingPane1" EnableDock="false"

runat="server" Width="240px" CssClass="posRelativeClass" Title="Search"

Scrolling="Y"

> 

<telerik:RadPanelBar ID="RadPanelBar1"

runat="server"> 

<Items> 

<telerik:RadPanelItem runat="server" Width="240px" CssClass="searchForm"

> 

<ContentTemplate> 

<table class="searchForm"

border="0"> 

<tr> 

<td

class="searchSectionHeader"> 

Title 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

<asp:TextBox ID="txtTitleSearch" CssClass="textFields" runat="server"

TabIndex="0" 

Width="200px"></asp:TextBox> 

</td> 

</tr> 

<tr> 

<td

class="searchSectionHeader"> 

Author 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

<asp:TextBox ID="txtAuthorSearch" CssClass="textFields" runat="server"

Width="200px"></asp:TextBox> 

</td> 

</tr> 

<tr> 

<td

class="searchSectionHeader"> 

Submitted By<br

/> 

<asp:TextBox ID="txtSubmittedBySearch" CssClass="textFields" runat="server"

Width="200px"></asp:TextBox> 

</td> 

</tr> 

<tr> 

<td

class="searchSectionHeader"> 

Submitted To<br

/> 

<telerik:RadComboBox ID="cboSubmittedToSearch" Skin="WebBlue"

MarkFirstMatch="true" 

EmptyMessage="Type to Search..." runat="server"

Width="205px"> 

</telerik:RadComboBox> 

</td> 

</tr> 

<tr> 

<td

class="searchSectionHeader"> 

Analyst<br

/> 

<telerik:RadComboBox ID="cboAnalystSearch" Skin="WebBlue"

EnableAutomaticLoadOnDemand="true" 

MarkFirstMatch="true" EmptyMessage="Type to Search..." runat="server"

Width="205px"> 

<WebServiceSettings Path="../Admin/Controls/AdminService.asmx"

Method="GetAnalysts"

/> 

</telerik:RadComboBox> 

</td> 

</tr> 

<tr> 

<td

class="searchSectionHeader"> 

Elements<br

/> 

<asp:TextBox ID="txtElementsSearch" CssClass="textFields" runat="server"

Width="200px"></asp:TextBox> 

</td> 

</tr> 

<tr> 

<td

class="searchSectionHeader"> 

Log Line (Slow)<br

/> 

<asp:TextBox ID="txtLogLineSearch" CssClass="textFields" runat="server"

Width="200px"></asp:TextBox> 

</td> 

</tr> 

<tr> 

<td

class="searchSectionHeader"> 

Division 

<asp:CheckBox ID="ckDivisionDT" runat="server" Text="DT" Checked="true"

/> 

<asp:CheckBox ID="ckDivisionMX" runat="server" Text="MX"

/> 

</td> 

</tr> 

<tr> 

<td

align="right"> 

<telerik:RadButton ID="btnSearch1" runat="server" Skin="WebBlue"

Text="Search"

OnClick="btnSearch_Click"> 

</telerik:RadButton> 

<telerik:RadButton ID="btnReset2" runat="server" Skin="WebBlue" Text="Reset"

OnClick="btnResetSearch_Click"> 

</telerik:RadButton> 

</td> 

</tr> 

<tr> 

<td

align="left"> 

<table

width="100%"> 

<tr> 

<td colspan="2"

class="searchSectionHeader"> 

Coverage

Date 

</td> 

</tr> 

<tr> 

<td

class="searchSectionHeader"> 

Start

Date 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"><BR

<telerik:RadDatePicker ID="txtCoverageStartDate" Skin="WebBlue"

runat="server"

z-index="0"><BR

</telerik:RadDatePicker> 

</td> 

</tr> 

<tr> 

<td

class="searchSectionHeader"> 

End

Date 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"><BR

<telerik:RadDatePicker ID="txtCoverageEndDate" Skin="WebBlue" runat="server"

z-index="0"><BR

</telerik:RadDatePicker> 

</td> 

</tr> 

</table> 

</td> 

</tr> 

<tr> 

<td align="left" valign="top"

class="searchSectionHeader"> 

Genre  

  

<asp:Image ID="imgGenreSearch" runat="server" ImageUrl="~/Images/Search.gif"

Visible="false"

/> 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

<asp:ListBox ID="lstGenreSearch" CssClass="textFields"

SelectionMode="Multiple"

runat="server" 

Width="200px" OnSelectedIndexChanged="SearchListBox_SelectedIndexChanged"

AutoPostBack="true"> 

</asp:ListBox> 

</td> 

</tr> 

<tr> 

<td colspan="2"

class="searchSectionHeader"> 

Recommendation 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

Material 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

<asp:DropDownList ID="ddlRecommendationMaterial" CssClass="textFields"

runat="server" 

Width="200px"> 

<asp:ListItem Value="0"

Text=""></asp:ListItem> 

<asp:ListItem

Value="1">Pass</asp:ListItem> 

<asp:ListItem

Value="2">Consider</asp:ListItem> 

<asp:ListItem

Value="3">Recommend</asp:ListItem> 

<asp:ListItem

Value="4">N/A</asp:ListItem> 

</asp:DropDownList> 

</td> 

</tr> 

<tr> 

<td

class="searchSectionHeader"> 

Writer 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

<asp:DropDownList ID="ddlRecommendationWriter" CssClass="textFields"

runat="server" 

Width="200px"> 

<asp:ListItem Value="0"

Text=""></asp:ListItem> 

<asp:ListItem

Value="1">Pass</asp:ListItem> 

<asp:ListItem

Value="2">Consider</asp:ListItem> 

<asp:ListItem

Value="3">Recommend</asp:ListItem> 

<asp:ListItem

Value="4">N/A</asp:ListItem> 

</asp:DropDownList> 

</td> 

</tr> 

<tr> 

<td

class="searchSectionHeader"> 

Keyword  

  

<asp:Image ID="imgKeywordSearch" runat="server"

ImageUrl="~/Images/Search.gif" Visible="false"

/> 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

<asp:ListBox ID="lstKeywordSearch" SelectionMode="Multiple"

CssClass="textFields" 

runat="server" Width="200px"

OnSelectedIndexChanged="SearchListBox_SelectedIndexChanged" 

AutoPostBack="true"></asp:ListBox> 

</td> 

</tr> 

<tr> 

<td

class="searchSectionHeader"> 

Notes 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

<asp:CheckBox ID="ckNotesPrivate" runat="server" Text="Private"

/> 

<br

/> 

<asp:CheckBox ID="ckNotesPublic" runat="server" Text="Public"

/> 

<br

/> 

<asp:CheckBox ID="ckNotesSysAdmin" runat="server" Text="System Administrator"

/> 

</td> 

</tr> 

<tr> 

<td align="right"

class="searchSectionLabel"> 

<telerik:RadButton ID="btnSearch" Skin="WebBlue" runat="server" Text="Search"

OnClick="btnSearch_Click"> 

</telerik:RadButton> 

<telerik:RadButton ID="btnReset" Skin="WebBlue" runat="server" Text="Reset"

OnClick="btnResetSearch_Click"> 

</telerik:RadButton> 

</td> 

</tr> 

</table> 

</ContentTemplate> 

</telerik:RadPanelItem> 

</Items> 

</telerik:RadPanelBar> 

</telerik:RadSlidingPane> 

</telerik:RadSlidingZone> 

</telerik:RadPane> 

</telerik:RadSplitter> 

<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1"

runat="server"> 

<AjaxSettings> 

<telerik:AjaxSetting

AjaxControlID="btnUpdateSynopsis"> 

<UpdatedControls> 

<telerik:AjaxUpdatedControl ControlID="panelEditSynopsisWindow"

LoadingPanelID="RadAjaxLoadingPanel1"

/> 

</UpdatedControls> 

</telerik:AjaxSetting> 

<telerik:AjaxSetting

AjaxControlID="radPanelScripts"> 

<UpdatedControls> 

<telerik:AjaxUpdatedControl ControlID="radPanelScripts"

 

LoadingPanelID="RadAjaxLoadingPanel1"

/> 

</UpdatedControls> 

</telerik:AjaxSetting> 

<telerik:AjaxSetting

AjaxControlID="RadPanelBar1"> 

<UpdatedControls> 

<telerik:AjaxUpdatedControl ControlID="panelSearchResultsAndDetails"

 

LoadingPanelID="RadAjaxLoadingPanel1"

/> 

</UpdatedControls> 

</telerik:AjaxSetting> 

</AjaxSettings> 

</telerik:RadAjaxManagerProxy> 

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"

Skin="WebBlue"> 

</telerik:RadAjaxLoadingPanel> </asp:Content>

answered on 04 May 2011, 09:34 AM

Hello Mark,

I checked your code and when I removed the following Ajax setting, the loading panel displayed without errors:

<telerik:AjaxSetting AjaxControlID="radPanelScripts">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="radPanelScripts" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

I am not quite sure why you need the panelbar to update itself, but I suggest to try removing this setting and check the result in your real application.

If you still experience problems after that, please open a support ticket and send us a runnable project that we could work on. This will allow us to get a better view over your exact setup and to provide you with the most appropriate solution much faster - clearing over 700 lines of code and making it runnable out of its real context takes much more time than investigating the real problem itself. In addition, when we remove something from such code (to make it run locally), it is possible that we could involuntarily change the original setup and face and work on a problem different than the original, customer's one.

Thank you for your patience and cooperation.

Kind regards,
Georgi Tunev
the Telerik team