Hello to all
i use web mail project in samples and demo projects on telerik web site (but i modify it) , my question when i run the project its working fine but in master file there is no ajax manger only on content page , so when i try to put ajax manger on master and ajax manger proxy on content (as i read in help) error message come
Splitter Items Collection must contain SplitterItem objects
but if i remove radajaxmanger message will go and web page will load without any issue ,so what is my mistake .
thanks
master sorec code
<%@ Master Language="VB" CodeFile="mainmaster.master.vb" Inherits="mainmaster" %>
<%@ 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 id="Head1" runat="server">
<link rel="stylesheet" type="text/css" href="Styles/styles.css" />
<link rel="stylesheet" type="text/css" href="Styles/stylesloc.css" />
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager runat="server" EnableCdn="true" ID="RadScriptManager1" />
<telerik:RadStyleSheetManager runat="server" ID="RadStyleSheet1" />
<telerik:RadFormDecorator runat="server" ID="RadFormDecorator1"
DecoratedControls="All" Skin="Silk" />
<%--
<telerik:RadAjaxManager runat="server" ID="RadAjaxManager1">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RadTreeView1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="rightPane" />
<telerik:AjaxUpdatedControl ControlID="contentPane" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="rightPane">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="rightPane" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="RadButton1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="rightPane" />
<telerik:AjaxUpdatedControl ControlID="RadTreeView1" />
<telerik:AjaxUpdatedControl ControlID="RadButton1" />
<telerik:AjaxUpdatedControl ControlID="contentPane" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="RadToolBar1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadWindowManager33" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1" LoadingPanelID="RadAjaxLoadingPanel1">
</telerik:RadAjaxLoadingPanel>--%>
<telerik:RadSplitter runat="Server" ID="RadSplitter1"
Width="100%" Height="100%" Orientation="Horizontal" VisibleDuringInit="false"
BorderSize="0" BorderStyle="None" PanesBorderSize="0">
<telerik:RadPane ID="topPane" runat="server" Height="74px">
<div id="header">
<asp:Label ID="Label2" runat="server" Font-Size="X-Large"
Text="welcome"></asp:Label>
<div class="date-r">
<span>Select period from: </span>
<telerik:RadDatePicker ID="StartDatePicker" runat="server" >
<Calendar UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False"></Calendar>
<DateInput DisplayDateFormat="M/d/yyyy" DateFormat="M/d/yyyy" LabelWidth="40%"
value="7/17/1996"></DateInput>
<DatePopupButton ImageUrl="" HoverImageUrl=""></DatePopupButton>
</telerik:RadDatePicker>
<span>to: </span>
<telerik:RadDatePicker ID="EndDatePicker" runat="server" >
<Calendar UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False"></Calendar>
<DateInput DisplayDateFormat="M/d/yyyy" DateFormat="M/d/yyyy" LabelWidth="40%"
value="7/17/1997"></DateInput>
<DatePopupButton ImageUrl="" HoverImageUrl=""></DatePopupButton>
</telerik:RadDatePicker>
<telerik:RadButton ID="RadButton1" runat="server" Text="Search">
</telerik:RadButton>
</div>
<div class="skin-chooser">
<label for="ctl00_SkinChooser_Input" class="skinLabel">Skin:</label>
<telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" Skin="Office2010Blue"
PersistenceKey="Skin" PersistenceMode="Session" >
</telerik:RadSkinManager>
</div>
</div>
<div class="menu">
<telerik:RadToolBar ID="RadToolBar1" runat="server">
<Items>
<telerik:RadToolBarButton Text="Home" ImageUrl="Images/s.png"
NavigateUrl="default.aspx" Target="_parent" Width="150px" />
<telerik:RadToolBarButton Text="MySettings"
ImageUrl="Images/s.png" Width="150px"
/>
<telerik:RadToolBarButton Text="System Status"
ImageUrl="Images/s.png" Width="150px"
/>
<%-- <telerik:RadToolBarButton Text="About This Demo" CssClass="AboutToolButton" ImageUrl="Images/s.png" />--%>
<telerik:RadToolBarButton Text="About"
NavigateUrl="http://www.gggg.com/#!about/cgvz" Target="_blank"
ImageUrl="Images/s.png" Width="150px" />
</Items>
</telerik:RadToolBar>
</div>
</telerik:RadPane>
<telerik:RadPane runat="server" ID="contentPane" Scrolling="none">
<telerik:RadSplitter runat="server" ID="RadSplitter2" BorderStyle="None" PanesBorderSize="0">
<telerik:RadPane runat="Server" ID="leftPane" Width="240px" MinWidth="240" MaxWidth="600"
Scrolling="None">
<telerik:RadSplitter runat="server" ID="RadSplitter3" BorderStyle="None" PanesBorderSize="0"
Height="100%" Orientation="Horizontal">
<telerik:RadPane runat="server" ID="topLeftPane" >
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
<telerik:RadTreeView runat="server" ID="RadTreeView1" >
<NodeTemplate>
<div class="node-album">
<span class="band">
<%# Eval("header")%>
<br />
<asp:Image ID="Image2" runat="server" ImageUrl= '<%# get_image_online_or_offline( Eval("db_name")).ToString() %>' ToolTip='<%# get_online_or_offline( Eval("db_name")).ToString() %>' />
</span>
<asp:Label ID="totalsales" runat="server" class="album" Text='<%# string.Format("{0:0,0}", GetSalestotal( Eval("db_name").ToString())) %>'></asp:Label>
<asp:Label ID="percent" runat="server" class="percent" Text='<%# GetSalesPercentage( Eval("db_name") ) + "%" %>'></asp:Label>
</div>
</NodeTemplate>
</telerik:RadTreeView>
</asp:ContentPlaceHolder>
</telerik:RadPane>
<telerik:RadSplitBar runat="server" ID="RadSplitBar3" CollapseMode="Backward" />
<telerik:RadPane runat="server" ID="bottomLeftPane" Height="120px">
<telerik:RadPanelBar runat="server" ID="RadPanelBar1" Width="100%"
Height="100%" >
<Items>
<telerik:RadPanelItem Text="Statistics" />
<telerik:RadPanelItem Text="Transactions" />
<telerik:RadPanelItem Text="Reports" />
<telerik:RadPanelItem Text="P.O" />
<telerik:RadPanelItem Text="Tables" />
<telerik:RadPanelItem Text="Call Center" />
</Items>
</telerik:RadPanelBar>
</telerik:RadPane>
</telerik:RadSplitter>
</telerik:RadPane>
<telerik:RadSplitBar runat="server" ID="RadSplitBar1" CollapseMode="Forward" />
<telerik:RadPane runat="Server" ID="rightPane" CssClass="right-pane">
<asp:ContentPlaceHolder ID="ContentPlaceHolder2" runat="server">
</asp:ContentPlaceHolder>
</telerik:RadPane>
</telerik:RadSplitter>
</telerik:RadPane>
</telerik:RadSplitter>
<telerik:RadWindowManager ID="RadWindowManager33" runat="server"
EnableShadow="True" EnableViewState="False" ShowContentDuringLoad="False"
Skin="Office2010Blue" VisibleStatusbar="False">
<Windows>
<telerik:RadWindow ID="RadWindow0" runat="server"
Behavior="Resize, Close, Move, Reload" Behaviors="Resize, Close, Move, Reload"
EnableShadow="True" Height="650px" Modal="True"
NavigateUrl="~/Views/g_f.aspx" ShowContentDuringLoad="False"
Skin="Office2010Blue" style="display:none;" VisibleStatusbar="False"
Width="600px">
</telerik:RadWindow>
<telerik:RadWindow ID="RadWindow1" runat="server" AutoSize="True"
Behavior="Resize, Close, Move, Reload" Behaviors="Resize, Close, Move, Reload"
EnableShadow="True" Height="450px" Modal="True"
NavigateUrl="~/Views/reports_g.aspx" ShowContentDuringLoad="False"
Skin="Office2010Blue" style="display:none;" VisibleStatusbar="False"
Width="450px">
</telerik:RadWindow>
<telerik:RadWindow ID="RadWindow3" runat="server" AutoSize="True"
Behavior="Resize, Close, Move, Reload" Behaviors="Resize, Close, Move, Reload"
EnableShadow="True" Modal="True" NavigateUrl="~/Views/g_stauts_f.aspx"
ShowContentDuringLoad="true" Skin="Office2010Blue" style="display:none;"
VisibleStatusbar="False" Width="450px">
</telerik:RadWindow>
</Windows>
</telerik:RadWindowManager>
<asp:PlaceHolder runat="server" ID="AnalyticsPlaceholder">
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-111455-1']);
_gaq.push(['_setDomainName', '.telerik.com']);
_gaq.push(['_addIgnoredRef', 'telerik.com']);
_gaq.push(['_trackPageview']);
(function () {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</asp:PlaceHolder>
</form>
</body>
</html>
1 Answer, 1 is accepted
Hello,
To use AJAX with content in RadPanes, you should add a control like asp:Panel inside, as explained in the documentation: http://docs.telerik.com/devtools/aspnet-ajax/controls/splitter/how-to/ajax-updates.
The AJAX settings from the RadAjaxManager insert programmatically created update panels around the Updated Controls, which results in UpdatePanel controls being inserted into the RadSplitter items collection which can only have panes.
Regards,
Telerik