I got below error message when I adding the Ajax function to my master.page for the RadSplitter
SplitterItemsCollection must contain SplitterItem objects
Below is my code, could you please help to check which part that problem.
<%@ Master Language="VB" AutoEventWireup="false" CodeBehind="FFS.master.vb" Inherits="FFS_WEB.FFS" %>
<!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>FFS</title>
<link href="style/main.css" rel="stylesheet" type="text/css" />
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager runat="server" EnableCdn="true" ID="RadScriptManager1">
</telerik:RadScriptManager>
<telerik:RadStyleSheetManager runat="server" ID="RadStyleSheet1" />
<telerik:RadFormDecorator runat="server" ID="RadFormDecorator1" DecoratedControls="Default,Zone" />
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RadPanelBar1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadSplitBar1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadSplitter runat="server" ID="RadSplitter1" Width="100%" BorderSize="1"
BorderStyle="Solid" PanesBorderSize="0" Height="98%" Orientation="Horizontal"
VisibleDuringInit="false">
<telerik:RadPane ID="topPane" runat="server" Height="80px">
<div id="header" style="background-image :url(images/FFS_WEB_HEAD_BG.png); background-repeat:repeat; ">
<img alt="" src="images/FFS_WEB_HEAD.png" />
<div class="header-top-links">
<a href="#">Register</a>|
<a href="#">Logout</a>
</div>
</div>
<div>
<telerik:RadMenu runat="Server" ID="RadMenu1" EnableShadows="true" EnableRoundedCorners="true" Width="100%">
<Items>
<telerik:RadMenuItem runat="server" text="About FFS"></telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" text="Support"></telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" Text="Services"></telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" Text="Demo"></telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" Text="Contact Us"></telerik:RadMenuItem>
</Items>
</telerik:RadMenu>
</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="150px" MinWidth="150" MaxWidth="600" Scrolling="None">
<telerik:RadSplitter runat="server" ID="RadSplitter3" BorderStyle="None" PanesBorderSize="0"
Height="100%" Orientation="Horizontal">
<telerik:RadSplitBar runat="server" ID="RadSplitBar3" CollapseMode="Backward" EnableResize="false" />
<telerik:RadPane runat="server" ID="bottomLeftPane" Height="100%">
<telerik:RadPanelBar runat="server" ID="RadPanelBar1" Width="100%"
Skin="Office2007">
<Items>
<telerik:RadPanelItem Text="Home" AccessKey="H">
<Items>
<telerik:RadPanelItem Text="Dashboard" NavigateUrl="Dashboard.aspx" ViewStateMode="Enabled"></telerik:RadPanelItem>
<telerik:RadPanelItem Text="Tasks" NavigateUrl="Task.aspx" ViewStateMode="Enabled"></telerik:RadPanelItem>
</Items>
</telerik:RadPanelItem>
<telerik:RadPanelItem Text="Transport" AccessKey="T">
<Items>
<telerik:RadPanelItem Text="Booking" AccessKey="B">
</telerik:RadPanelItem>
<telerik:RadPanelItem Text="Trucking" AccessKey="T">
</telerik:RadPanelItem>
<telerik:RadPanelItem Text="Air Transport" AccessKey="A">
</telerik:RadPanelItem>
<telerik:RadPanelItem Text="Sea Transport" AccessKey="S">
</telerik:RadPanelItem>
<telerik:RadPanelItem Text="P.O./Item" AccessKey="P">
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelItem>
<telerik:RadPanelItem Text="Finance" AccessKey="F">
<Items>
<telerik:RadPanelItem Text="General Ledger">
</telerik:RadPanelItem>
<telerik:RadPanelItem Text="Account Payable">
</telerik:RadPanelItem>
<telerik:RadPanelItem Text="Account Receivable">
</telerik:RadPanelItem>
<telerik:RadPanelItem Text="Reports">
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelItem>
<telerik:RadPanelItem Text="CRM" AccessKey="C">
<Items>
<telerik:RadPanelItem Text="Agents">
</telerik:RadPanelItem>
<telerik:RadPanelItem Text="Customer">
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelItem>
<telerik:RadPanelItem Text="Sales" AccessKey="S">
<Items>
</Items>
</telerik:RadPanelItem>
</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" Scrolling="None">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</telerik:RadPane>
</telerik:RadSplitter>
</telerik:RadPane>
</telerik:RadSplitter>
<div>
</div>
</form>
</body>
</html>
1 Answer, 1 is accepted
The error is a result of not using the right controls with RadAjaxManager. Here is a help article that gives a thorough explanation on how to keep the state of the RadSplitter persistent - http://www.telerik.com/help/aspnet-ajax/splitter-how-to-ajax.html.
Best wishes,
Nikodim
the Telerik team