I want to use ASP.NET Ajax toolkit, in my DNN modules. I installed ASP.NET Ajax extensions, and then put the AjaxControlToolkit.dll in the "Bin" folder.

Then, I used Ajax's TabControl on my module's View control. I get an error saying "There cannot be more than 1 instance of ToolkitScriptManager on a Page".

However, in my Control, I only have one instance of ToolkitScriptManager. Removing that instance does not render the TabControl on the page, but there is no error either.

Can you tell me precise steps for using Ajax Toolkit with DNN???

I am using the following markup to get a TabPanel inside my control:

<ajax:TabContainer runat="server" ID="tabContainer" Height="138px" ActiveTabIndex="0">     <ajax:TabPanel runat="server" ID="Panel1" HeaderText="Signature and Bio">         <ContentTemplate>             <asp:UpdatePanel ID="updatePanel1" runat="server">                 <ContentTemplate>                     <table>                         <tr>                             <td>                                 Signature:</td>                             <td>                                 <asp:TextBox ID="signatureText" runat="server" /></td>                         </tr>                         <tr>                             <td>                                 Bio:</td>                             <td>                                 <asp:TextBox ID="bioText" runat="server" /></td>                         </tr>                     </table>                     <asp:Button ID="Button3" runat="Server" Text="Save" />                     <br /><br />                     Hit Save to cause a postback from an update panel inside the tab panel.<br />                 </ContentTemplate>             </asp:UpdatePanel>         </ContentTemplate>     </ajax:TabPanel>     <ajax:TabPanel runat="server" ID="Panel3" HeaderText="Email" >         <ContentTemplate>             Email: <asp:TextBox ID="emailText" runat="server" />             <br /><br />             <asp:Button ID="Button1" runat="server" Text="Save" />             <br /><br />             Hit Save to cause a full postback.         </ContentTemplate>     </ajax:TabPanel>     <ajax:TabPanel runat="server" ID="Panel2" HeaderText="Controls">         <ContentTemplate>             <div>Controls authored by Toolkit User (read-only - demo purposes):</div>             <ul>                 <li>Calendar</li>                 <li>MaskedEdit</li>                 <li>Accordion</li>                 <li>Calendar</li>                 <li>Calendar</li>             </ul>             <br />         </ContentTemplate>     </ajax:TabPanel> </ajax:TabContainer>

Everything else is fine, just that the headers of the control are not being rendered properly, as shown below:

What could be the possible reason???