RadAjax and Splitter not workingff

2 posts, 0 answers
  1. Bevis
    Bevis avatar
    8 posts
    Member since:
    Jan 2011

    Posted 10 Mar 2011 Link to this post

    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>

  2. Niko
    Admin
    Niko avatar
    387 posts

    Posted 14 Mar 2011 Link to this post

    Hello Bevis,

    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
    Registration for Q1 2011 What’s New Webinar Week is now open. Mark your calendar for the week starting March 21st and book your seat for a walk through all the exciting stuff we ship with the new release!
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top