Issue with Ajax HTML Editor

See more:

ASP.NET

Ajax

Hello Code project,

I'm using Ajax in ASP .NET Web Application, though I have included AjaxControlToolkit, I'm getting this kind of error while opening the page which has HTML Editor,

Server Error in '/' Application.

The Controls collection cannot be modified because the control contains code blocks (i.e. <% ... %>).

Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

Exception Details: System.Web.HttpException: The Controls collection cannot be modified because the control contains code blocks (i.e. <% ... %>).

Source Error:

An unhandled exception was generated during the execution of the current web request. Information regarding the origin and location of the exception can be identified using the exception stack trace below.

//this is my code

<%@ Page Title="Para IV Database" Language="C#" MasterPageFile="~/MasterPage.Master" AutoEventWireup="true" CodeBehind="OurServices_ParaIVPlus.aspx.cs" Inherits="MP.WebForm3" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit.HTMLEditor" TagPrefix="cc1" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="AjaxToolkitControls" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">

        .headerParaIV
        {
            background-color:#804000;
            color:White;
            font-family:Segoe UI Semibold;
            font-size:14px;
            padding:5px;
            margin:2px;
            cursor:pointer;
            border-radius:5px;
        }

        .headerParaIVSelected
        {
            background-color:#7e460d;
            color:White;
            font-family:Segoe UI Semibold;
            font-size:14px;
            padding:5px;
            margin:2px;
            cursor:pointer;
            border-radius:5px;
        }

        .contentParaIV
        {
            font-family:Segoe UI Semibold;
            font-size:14px;
            padding:5px;
        }

    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

    <div id="bannerHeader" class="bannerBgStyle">
        <div id="Div1" class="bannerHeaderStyle">PARA IV <i>Plus</i><sup>TM</sup> Search</div>
        <br /><br />
    </div>

    <br /><br />

    <div>
        <AjaxToolkitControls:Accordion ID="accordion2" runat="server" FadeTransitions="true" TransitionDuration="350"
        HeaderCssClass="headerParaIV" HeaderSelectedCssClass="headerParaIVSelected" ContentCssClass="contentParaIV">
            <Panes>

                <AjaxToolkitControls:AccordionPane ID="bybrandnamepane" runat=server>
                    <Header>Search by Brand Name</Header>
                    <Content>
                        Seacrh by Brand Name <br />
                        <asp:TextBox ID="bybrandnametxt" runat="server"></asp:TextBox>
                    </Content>
                </AjaxToolkitControls:AccordionPane>

                <AjaxToolkitControls:AccordionPane ID="bygenericnamepane" runat=server>
                    <Header>Search by Generic Name</Header>
                    <Content>
                        Seacrh by Generic Name <br />
                        <asp:TextBox ID="bygenericnametxt" runat="server"></asp:TextBox>
                    </Content>
                </AjaxToolkitControls:AccordionPane>

                <AjaxToolkitControls:AccordionPane ID="byadvancesearchpane" runat="server">
                    <Header>Advance Search</Header>
                    <Content>

                    </Content>
                </AjaxToolkitControls:AccordionPane>

                <AjaxToolkitControls:AccordionPane ID="AccordionPane2" runat="server">
                    <Header>Un explored PARA IVs</Header>
                    <Content>

                    </Content>
                </AjaxToolkitControls:AccordionPane>
            </Panes>
        </AjaxToolkitControls:Accordion>
    </div>

    <br /><br />

    <center>
        <div style="height: 486px">
            <asp:Image ID="paraIVimage" runat="server" ImageUrl="~/MP-Images/paraIV.gif"
                Height="273px" />
            <br />

        </div>
    </center>

    <cc1:Editor ID="editor1" runat="server" AutoFocus="true" />
</asp:Content>

I have google this problem but not found the proper solution, so please help me with appropriate solution...