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

Loading Panel works sometimes...

4 Answers 130 Views

Ajax

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

mark baer asked on 14 Apr 2011, 08:09 PM

I know I have a fairly complex page(see html below)...but I have a Search Sliding Pane on the right side of the screen. When I hit the enter key or the Search button, it searches, but the Loading Panel does not work...but no errors.

Then, when the Search Results come back, the PanelBar and expands to reveal the RadGrid. Data looks good.

Then, when I select an item in the Grid, it loads the Details into the lower half of the RadPanel and expands that. HERE, I get the Loading Panel which is what I want...but I want the Loading Panel TOO when I search for items...

Again, no errors, just no loading panel when I search.

Help? Maybe I need to open a support ticket for this one. This page is getting complex fast.

thanks

mark

NOTE: This HTML is in a "Child" page...It has a Master Page with RadPanes on it. This HTML is in the "Content" section of the Child Page.

<telerik:RadScriptBlock ID="RadScriptBlock1"

runat="server"> <script

type="text/javascript"> 

$(document).ready(function ()

{ 

$(".trigger").click(function ()

{ 

$(".panel").toggle("fast"); 

$(this).toggleClass("active"); 

return

false; 

}); 

});

</script> 

</telerik:RadScriptBlock> <telerik:RadSplitter

ID="RadSplitter1" runat="server" Width="100%" Height="100%"

Skin="WebBlue"> 

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

Height="100%"> 

<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="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" 

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

GridLines="None" 

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"

/> 

</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:GridBoundColumn DataField="division" FilterControlWidth="35"

HeaderText="Division" 

SortExpression="division"

UniqueName="colDivision"> 

<HeaderStyle Width="8%"

/> 

<ItemStyle Width="8%"

/> 

</telerik:GridBoundColumn> 

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

FilterControlAltText="Filter column

column" 

HeaderText="Title" SortExpression="title"

UniqueName="column"> 

<HeaderStyle Width="50%"

/> 

<ItemStyle Width="50%"

/> 

</telerik:GridButtonColumn> 

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

colAuthors

column" 

HeaderText="Author" SortExpression="authors"

UniqueName="colAuthors"> 

<HeaderStyle Width="25%"

/> 

<ItemStyle Width="25%"

/> 

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

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

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

cellpadding="3"> 

<tr> 

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

width="100px"> 

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

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

</td> 

<td colspan="5"

align="left"> 

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

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

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

ControlToValidate="txtTitle" 

Display="None" ErrorMessage="Title is a required field."

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

<asp:ValidatorCalloutExtender ID="ValidatorCalloutExtender1" runat="server"

Enabled="True" 

TargetControlID="valTitle"

/> 

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

DestroyOnClose="True" 

RestrictionZoneID="RestrictionZone"> 

<Windows> 

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

VisibleOnPageLoad="false"> 

</telerik:RadWindow> 

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

VisibleOnPageLoad="false"> 

</telerik:RadWindow> 

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

VisibleOnPageLoad="false"><BR

<ContentTemplate><BR

<table

class="searchForm"><BR

<tr><BR

<td

class="formHeader"><BR

Synopsis<BR

</td><BR

</tr><BR

<tr><BR

<td><BR

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

TextMode="MultiLine"

<BR>

CssClass="textFields"

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

</td><BR

</tr><BR

<tr><BR

<td

align="right"><BR

<asp:Button ID="btnUpdateSynopsis" runat="server"

OnClick="btnUpdateSynopsis_Click"

<BR>

Text="Update" Visible="True"

/><BR

</td><BR

</tr><BR

</table><BR

</ContentTemplate> 

</telerik:RadWindow> 

</Windows> 

</telerik:RadWindowManager> 

</td> 

</tr> 

<tr> 

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

align="right"> 

Authors 

</td> 

<td class="formLabel"

width="250px"> 

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

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

</td> 

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

align="right"> 

Type of

Material 

</td> 

<td class="formLabel"

width="250px"> 

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

EmptyMessage="Type to

Select..." 

MarkFirstMatch="true"

Skin="WebBlue"> 

</telerik:RadComboBox> 

</td> 

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

width="175px"> 

Number of

Pages 

</td> 

<td

class="formLabel"> 

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

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

</td> 

</tr> 

<tr> 

<td class="formLabel"

align="right"> 

Publisher 

</td> 

<td

class="formLabel"> 

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

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

</td> 

<td class="formLabel"

align="right"> 

Year

Published 

</td> 

<td

class="formLabel"> 

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

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

</td> 

<td class="formLabel"

align="right"> 

Draft 

</td> 

<td

class="formLabel"> 

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

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

</td> 

</tr> 

<tr> 

<td class="formLabel"

align="right"> 

Analyst 

</td> 

<td

class="formLabel"> 

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

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

</td> 

<td class="formLabel"

align="right"> 

Coverage

Date 

</td> 

<td> 

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

Width="205px"> 

<Calendar runat="server" Skin="Outlook" UseColumnHeadersAsSelectors="False"

UseRowHeadersAsSelectors="False" 

ViewSelectorText="x"> 

</Calendar> 

<DateInput 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" 

Display="None" ErrorMessage="Coverage Date is

required" ValidationGroup="valGroup1"

/> 

</td> 

<td class="formLabel"

align="right"> 

Received

Date 

</td> 

<td

class="formLabel"> 

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

Skin="WebBlue"> 

<Calendar runat="server" Skin="WebBlue" UseColumnHeadersAsSelectors="False"

UseRowHeadersAsSelectors="False" 

ViewSelectorText="x"> 

</Calendar> 

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

DisplayDateFormat="M/d/yyyy"> 

</DateInput> 

<DatePopupButton HoverImageUrl="" ImageUrl=""

/> 

</telerik:RadDatePicker> 

</td> 

</tr> 

<tr> 

<td class="formLabel"

align="right"> 

Submitted

By 

</td> 

<td

class="formLabel"> 

<asp:TextBox ID="txtSubmittedBy" runat="server"

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

</td> 

<td class="formLabel"

align="right"> 

Circa 

</td> 

<td

class="formLabel"> 

<asp:TextBox ID="txtCirca" runat="server"

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

</td> 

<td class="formLabel"

align="right"> 

Date

Returned 

</td> 

<td

class="formLabel"> 

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

Skin="WebBlue"> 

<Calendar runat="server" Skin="WebBlue" UseColumnHeadersAsSelectors="False"

UseRowHeadersAsSelectors="False" 

ViewSelectorText="x"> 

</Calendar> 

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

DisplayDateFormat="M/d/yyyy"> 

</DateInput> 

<DatePopupButton HoverImageUrl="" ImageUrl=""

/> 

</telerik:RadDatePicker> 

</td> 

</tr> 

<tr> 

<td class="formLabel"

align="right"> 

Submitted

To 

</td> 

<td

class="formLabel"> 

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

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

</td> 

<td class="formLabel"

align="right"> 

Location 

</td> 

<td

class="formLabel"> 

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

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

</td> 

<td class="formLabel"

align="right"> 

Elements 

</td> 

<td

class="formLabel"> 

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

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

</td> 

</tr> 

<tr> 

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

class="formLabel"> 

Genre 

</td> 

<td

valign="top"> 

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

EmptyMessage="Type to

Search" 

MarkFirstMatch="true"

OnSelectedIndexChanged="ddlGenre_SelectedIndexChanged" 

Skin="WebBlue"

Width="202px"> 

</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="200px"></asp:ListBox> 

</td> 

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

valign="top"> 

Sub-Genre 

</td> 

<td align="left"

class="formLabel"> 

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

EmptyMessage="Type to

Search" 

MarkFirstMatch="true"

OnSelectedIndexChanged="ddlSubGenre_SelectedIndexChanged" 

Skin="WebBlue"

Width="180px"> 

</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="175px"></asp:ListBox> 

</td> 

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

valign="top"> 

Keywords 

</td> 

<td> 

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

EmptyMessage="Type to

Search" 

MarkFirstMatch="true"

OnSelectedIndexChanged="ddlKeywords_SelectedIndexChanged" 

Skin="WebBlue"

Width="180px"> 

</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="175px"></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="2"

TextMode="MultiLine" 

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

</td> 

</tr> 

<tr> 

<td> 

  

</td> 

<td> 

  

</td> 

<td> 

  

</td> 

<td> 

</td> 

<td> 

  

</td> 

<td

align="right"> 

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

OnClick="lnkShowSynopsisPopup_Click" 

Style="text-decoration: none"

TabIndex="100">Edit</asp:LinkButton>   

</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="4" TabIndex="99"

TextMode="MultiLine" 

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

</td> 

</tr> 

<tr> 

<td align="right"

valign="top"> 

  

</td> 

<td align="right" colspan="5"

valign="top"> 

</td> 

</tr> 

</table> 

<asp:ModalPopupExtender ID="ModalPopupExtender2" runat="server"

TargetControlID="btnDelete" 

PopupControlID="panelDeleteScriptOuter" OkControlID="ButtonOk"

CancelControlID="ButtonCancel" 

BackgroundCssClass="modalBackground" Enabled="True" DynamicServicePath=""

/> 

<asp:ConfirmButtonExtender ID="ConfirmButtonExtender2" runat="server"

TargetControlID="btnDelete" 

DisplayModalPopupID="ModalPopupExtender2" ConfirmText="" Enabled="True"

/> 

<!--DELETE

CONFIRM--> 

<asp:Panel ID="panelDeleteScriptOuter" runat="server"

CssClass="DeleteConfirmationOuterWindow" 

Style="display:

none;"> 

<asp:Panel ID="panelDeleteScript" runat="server" Width="200px" Height="75px"

CssClass="DeleteConfirmWindow"> 

<table

width="100%"> 

<tr> 

<td

align="center"> 

Are you sure you want to Delete this

Script? 

</td> 

</tr> 

<tr> 

<td

align="center"> 

<asp:Button ID="ButtonOk" runat="server" Text="Ok"

/> 

<asp:Button ID="ButtonCancel" runat="server" Text="Cancel"

/> 

</td> 

</tr> 

</table> 

</asp:Panel> 

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

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> 

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

/> 

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

/> 

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

/> 

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

/> 

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

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

/> 

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

/> 

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

/> 

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

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

/> 

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

/> 

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

/> 

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

/> 

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

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

/> 

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

/> 

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

/> 

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

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

/> 

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

/> 

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

/> 

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

/> 

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

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

/> 

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

/> 

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

/> 

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

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

/> 

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

/> 

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

/> 

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

/> 

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

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

/> 

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

/> 

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

/> 

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

/> 

<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" Height="100%" Width="23px"

> 

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

SlideDirection="Left"

> 

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

runat="server" Width="250px" Title="Search" Scrolling="Y"

> 

<asp:Panel ID="Panel1"

runat="server"> 

<table class="searchForm"

width="100%"> 

<tr> 

<td

class="searchSectionLabel"> 

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="searchSectionLabel"> 

Author 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

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

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

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

Submitted By<br

/> 

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

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

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

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="searchSectionLabel"> 

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="searchSectionLabel"> 

Elements<br

/> 

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

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

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

Log Line (Slow)<br

/> 

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

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

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

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> 

<tr> 

<td colspan="2"

class="searchSectionLabel"> 

Coverage

Date 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

Start

Date 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

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

runat="server"

z-index="0"> 

</telerik:RadDatePicker> 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

End

Date 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

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

z-index="0"> 

</telerik:RadDatePicker> 

</td> 

</tr> 

</table> 

</td> 

</tr> 

<tr> 

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

class="searchSectionLabel"> 

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="searchSectionLabel"> 

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="searchSectionLabel"> 

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="searchSectionLabel"> 

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="searchSectionLabel"> 

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> 

</asp:Panel> 

</telerik:RadSlidingPane> 

</telerik:RadSlidingZone> 

</telerik:RadPane> 

</telerik:RadSplitter> 

<!--=============== SEARCH PANEL

========================================================--> 

 <!--=============== END OF SEARCH PANEL

=================================================--> 

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"

DefaultLoadingPanelID="RadAjaxLoadingPanel1"> 

<AjaxSettings> 

<telerik:AjaxSetting

AjaxControlID="panelSearchResultsAndDetails"> 

<UpdatedControls> 

<telerik:AjaxUpdatedControl ControlID="panelSearchResultsAndDetails"

 

LoadingPanelID="RadAjaxLoadingPanel1" UpdatePanelHeight="600px"

/> 

</UpdatedControls> 

</telerik:AjaxSetting> 

<telerik:AjaxSetting

AjaxControlID="RadSlidingPane1"> 

<UpdatedControls> 

<telerik:AjaxUpdatedControl ControlID="panelSearchResultsAndDetails"

 

LoadingPanelID="RadAjaxLoadingPanel1" UpdatePanelHeight="600px"

/> 

</UpdatedControls> 

</telerik:AjaxSetting> 

</AjaxSettings> 

</telerik:RadAjaxManager> 

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

Skin="WebBlue"> 

</telerik:RadAjaxLoadingPanel>

4 Answers, 1 is accepted

answered on 19 Apr 2011, 11:18 AM

Hello Mark,

Have you used a tool like Firebug or IE Developer tools to confirm if a callback takes place and if it does not fire twice for example? Also, could you please confirm that this page is not wrapped in any other AJAX controls (on its master page)?

Usually, when you have an AJAX-enabled site with master pages, it is recommended to put the RadAjaxManager on the main master page and use RadAjaxManagerProxies in the child pages. For more information you can view this help article.

If you do not manage to find any problems following the above suggestions, you could try the following technique of showing and hiding the loading panels explcitly:
Show and hide RadAjaxLoadingPanel explicitly

Kind regards,
Tsvetina
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 20 Apr 2011, 06:39 PM

Thank you Svetlina. Okay, I removed the AjaxManager from the child page and replaced it with a RadAjaxManagerProxy. Now, the Load Panels work fine but when I "Save" the page, I have a Rad Sliding Panel(Message Center) which I use to let the user know about success/failure/etc...Now that does not update appropriately. Below is the code that calls the MasterPage.SetMessage() method...

//code from Child Page... saveScript(); SiteMaster masterPage =

(SiteMaster)Page.Master; masterPage.SetAlertMessage("Script has been saved.",

"green");

Master Page code to Open/Set the Message Center

 public void SetAlertMessage(string message, string

bgColor) {

lblErrorMessage.Text =

message; 

////-------------------------------------------- 

////This Line should EXPAND the Sliding

Pane... 

////-------------------------------------------- 

RadSlidingZone1.ExpandedPaneId = RadSlidingPane1.ID;

 switch

(bgColor) 

{ 

case

"green": RadSlidingPane1.BackColor

=

System.Drawing.Color.Green; 

break; 

case

"yellow": RadSlidingPane1.BackColor

=

System.Drawing.Color.Yellow; 

break; 

case

"red": RadSlidingPane1.BackColor

=

System.Drawing.Color.Red; 

break; 

default: 

RadSlidingPane1.BackColor =

System.Drawing.Color.Red; 

break; 

}

return; }

HTML for Master Page with RadSliding Panes...

<head runat="server" > <title>Creative

Affairs</title> <link href="~/Styles/Site.css"

rel="stylesheet" type="text/css" /> <script

type="text/javascript" src="<A

href="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js%22%20originalAttribute=%22href%22%20originalPath=%22"

jquery-1.3.2.js?? files jqueryjs.googlecode.com

http:></SCRIPT'>http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script</A>>

 <script src="Scripts/CAUtilityScripts.js"

type="text/javascript"></script> <style

type="text/css"> html, body,

form {

 height:

100%; 

width:

100%; 

margin: 0;

 padding:

0; 

overflow:hidden; }

 </style> <style

type="text/css"> 

.posRelativeClass 

{ 

position: relative; 

} </style> 

 <asp:ContentPlaceHolder ID="HeadContent"

runat="server"> 

 </asp:ContentPlaceHolder> 

 </head> <body> <form runat="server"

id="form1"> <telerik:RadScriptManager

ID="RadScriptManager1" runat="server"

EnableCdn="false"> 

 </telerik:RadScriptManager> 

 <script

type="text/javascript"> function

OnClientExpanded(sender, args)

{ 

setTimeout(function ()

{ 

if (!sender.get_collapsed())

{ 

var zone = $find("<%=RadSlidingZone1.ClientID

%>"); 

zone.collapsePane(sender.get_id());

} },

3000); 

} // function SetMessage(message, color)

{ //

alert(message); //

var zone = $find("<%=RadSlidingZone1.ClientID

%>"); // var

errorLabel = $find("<%=lblErrorMessage.ClientID

%>"); //

errorLabel.text =

message; //

switch (color)

{ //

case

"green": //

zone.style = "bgColor:

green"; //

break; //

case

"yellow": //

zone.style = "bgColor:

yellow"; //

break; //

default: //

zone.style = "bgColor:

red"; //

break; //

} //

zone.expandPane(sender.get_id()); //

} </script> <telerik:RadSplitter

ID="RadSplitter1" runat="server" Height="100%" Width="100%"

Orientation="Horizontal"

Skin="WebBlue"> <telerik:RadPane

ID="TopPane" runat="server" Height="60px" Width="100%"

Scrolling="none"> 

<!-- Place the content of the pane here

--> <div

class="header"> 

<table width="100%"

border="0"> 

<tr> 

<td class="headertitle"

width="65%"> 

<img src="../../Images/CreativeAffairsTitleSmall.jpg" alt="Creative Affairs"

/> 

</td> 

<td

valign="top"> 

<table> 

<tr> 

<td width="275px"

align="right"> 

  

</td> 

<td width="150"

class="loginDisplay"> 

Welcome <span

class="bold"> 

<asp:Label ID="lblUserFirstName" runat="server"

Text=""></asp:Label> 

</td> 

</tr> 

</table> 

</td> 

</tr> 

</table> 

</div> 

<div> 

<telerik:RadTabStrip ID="radSiteTabs" runat="server" Skin="WebBlue"

SelectedIndex="4"> 

<Tabs> 

<telerik:RadTab runat="server" NavigateUrl="~/Modules/Projects/Projects.aspx"

Text="Projects"> 

</telerik:RadTab> 

<telerik:RadTab runat="server"

NavigateUrl="~/Modules/Scripts/ScriptCoverage.aspx" 

Text="Scripts"> 

</telerik:RadTab> 

<telerik:RadTab runat="server" NavigateUrl="~/Modules/Talent/Talent.aspx"

Text="Talent"> 

</telerik:RadTab> 

<telerik:RadTab runat="server" NavigateUrl="~/Modules/Admin/Admin.aspx"

Text="Admin"> 

</telerik:RadTab> 

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

NavigateUrl="~/Modules/Reports/Reports.aspx" 

Selected="True"> 

</telerik:RadTab> 

</Tabs> 

</telerik:RadTabStrip> 

</div> 

</telerik:RadPane> 

<telerik:RadPane ID="MainPane" Scrolling="None" runat="server" Width="100%"

Height="100%"

style="position:relative"> 

<!-- Place the content of the pane here

--> 

<asp:ContentPlaceHolder ID="MainContent" runat="server"

/> 

</telerik:RadPane> 

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

Height="23px"> 

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

SlideDirection="Top"> 

<telerik:RadSlidingPane ID="RadSlidingPane1"

OnClientExpanded="OnClientExpanded" 

EnableDock="false" runat="server" Title="Message Center" Height="50px"

Scrolling="Y"

BackColor="Red"> 

 

<asp:Label ID="lblErrorMessage" CssClass="textFields" runat="server" Text="No

Messages

Currently..."></asp:Label> 

<asp:Label ID="lblJScriptCaller" runat="server"

></asp:Label> 

</telerik:RadSlidingPane> 

</telerik:RadSlidingZone> 

</telerik:RadPane> 

</telerik:RadSplitter> <telerik:RadAjaxManager

ID="RadAjaxManager1" runat="server"> 

</telerik:RadAjaxManager> 

</form> </body> </html> 

One thing to note: If I have a RadAjaxManager on the CHILD page, instead of the Proxy, the Message Center on the Master Page updates correctly(slides open, displays error message) BUT the RadAjaxLoadingPanels do NOT work...If I put the RadAjaxManagerPROXY on the child page, the Loading Panels show/work, but the Updates to the MasterPage Message Center does not work.

I'm probably using your controls incorrectly, but I'm just not sure what to do.

As for Fiddler/etc...I know the code is firing, because I can step through it in debug mode. No errors, the UI just does not update.

Thanks for all of your help.

mark

answered on 22 Apr 2011, 12:06 PM

Hello Mark,

If the message function is called during an ajax request from the content page, you should have an AjaxSetting where the control from the content page that initiates the request updates the RadSlider control on the master page, so that its client state is refreshed after the ajax request.

This can be done using dynamic ajax settings:
MasterPages: ajaxify and update controls in master and content page

I hope this helps you solve the issue.

All the best,
Tsvetina
the Telerik team

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Loading Panel works sometimes...

4 Answers, 1 is accepted