aspnet ajax toolkit on with umbraco 452

Jesper Lysgaard 16 posts 76 karma points

Sep 14, 2010 @ 10:08

asp.net ajax toolkit on with umbraco 4.5.2

Hi,

I am developing some usercontrols with visual studio 2008 for umbraco 4.5.2. I am using asp.net ajax control toolkit.
Everything works fine until I try to implement the UpdatePanelAnimationExtender.

Then I get the "AjaxControlToolKit is undefined" error. I have tried with ajax toolkit version 1 and 3.5 but with same result.
My ascx code:



<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="SomePage.ascx.cs" Inherits="SomeNameSpace.usercontrols.SomePage" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolKit" %>
<ajaxToolKit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</ajaxToolKit:ToolkitScriptManager>
<asp:Timer ID="Timer1" runat="server" Interval="10000" ontick="Timer1_Tick">
</asp:Timer>
<ajaxToolKit:UpdatePanelAnimationExtender 
    TargetControlID="UpdatePanel1" 
    runat="server">
     <Animations>
                <OnUpdating>
                    <Sequence>
                        <ScriptAction Script="var b = $find('animation'); b._originalHeight = b._element.offsetHeight;" />
                        <StyleAction Attribute="overflow" Value="hidden" />
                        <Parallel duration=".25" Fps="30">
                                <FadeOut AnimationTarget="content" minimumOpacity=".2" />
                        </Parallel>
                    </Sequence>
                </OnUpdating>
                <OnUpdated>
                    <Sequence>
                        <Parallel duration=".25" Fps="30">
                                <FadeIn AnimationTarget="content" />
                        </Parallel>                 
                    </Sequence>
                </OnUpdated>
            </Animations>
</ajaxToolKit:UpdatePanelAnimationExtender>
<div id="wrapper"> 
<asp:UpdatePanel UpdateMode="Conditional" ID="UpdatePanel1" runat="server">
<Triggers>
 <asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" />
</Triggers>
<ContentTemplate>
   
<div id="container_forside">
    <div  id="side-a">
       <asp:Image ID="Image1" ImageUrl="p1.png" runat="server" />
    </div>
    <div id="content">
       <asp:Image ID="Image2" runat="server" /><br />
    </div>
    <div id="side-b">
       <asp:Image  ID="Image3" ImageUrl="p3.png" runat="server" />
    </div>
</div>
  
<div id="call_to_action">
  
 Call to action menu
    </div>
    <div id="TextBox">
        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label><br /><br />
        <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
    </div>
  </ContentTemplate>
  </asp:UpdatePanel>
</div>

The page updates fine with the timer/trigger setup so some of the AJAX is working fine - but not the Animation extender. Has anybody of you experienced something like this?

/Jesper

Copy Link

Jesper Lysgaard 16 posts 76 karma points

Sep 14, 2010 @ 10:37

Ok - it seems that there is a bug in the AJAX control toolkit.
A workaround for now is to set CombineScript="false" in the ToolKitScriptManager



    CombineScripts="false"
 ID="ToolkitScriptManager1" runat="server">

/Jesper

Copy Link

Max 144 posts 166 karma points

May 11, 2012 @ 09:03

i tried it here but when i upload the user cotnrol in umrbaco 4.7 it gives me this error

Error creating control (usercontrols/AdmiralIssuesCreate.ascx).
Maybe file doesn't exists or the usercontrol has a cache directive, which is not allowed! See the tracestack for more information!

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="AdmiralIssuesCreate.ascx.cs" Inherits="WebUmbracoLogin.AdmiralIssuesCreate" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolKit" %>
<ajaxToolKit:ToolkitScriptManager ID="ToolkitScriptManager1" CombineScripts="false" runat="server">
</ajaxToolKit:ToolkitScriptManager>

    <p>

    </p>

    <ContentTemplate>

        <table class="style1">
            <tr>
                <td align="center" colspan="2">


                    <asp:Label ID="lblResult" runat="server" ForeColor="#CC0000"></asp:Label>
                </td>
            </tr>
            <tr>
                <td align="center" colspan="2">
                    <asp:ValidationSummary ID="ValidationSummary1" runat="server"
                ValidationGroup="t" />
                </td>
            </tr>
            <tr>
                <td align="right">
                    <asp:Label ID="Label1" runat="server" Text="Title"></asp:Label>
                </td>
                <td>
                    <asp:TextBox ID="txtIssueName" runat="server" ValidationGroup="t" Width="369px"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"
                ControlToValidate="txtIssueName" Display="None"
                ErrorMessage="Title Required" ValidationGroup="t"></asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td align="right" valign="top">
                    <asp:Label ID="Label2" runat="server" Text="CreatedDate"></asp:Label>
                </td>
                <td>
                   <asp:TextBox ID="txtCreatedDate" runat="server" ValidationGroup="t"
                Width="140px"></asp:TextBox>
                     <asp:Button ID="btnDate" runat="server" Height="22px" Text=".."
                        Width="27px" />
               <ajaxToolkit:CalendarExtender ID="CalendarExtender1" TargetControlID="txtCreatedDate" PopupButtonID="btnDate" runat="server"></ajaxToolkit:CalendarExtender>
                     <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server"
                ControlToValidate="txtCreatedDate" Display="None"
                ErrorMessage="created date Required" ValidationGroup="t"></asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td align="right">
                    <asp:Label ID="Label3" runat="server" Text="IssueCategory"></asp:Label>
                </td>
                <td>
                    <asp:DropDownList ID="DropIssueCategory" runat="server" Height="21px"
                        Width="188px">
                    </asp:DropDownList>
                </td>
            </tr>
            <tr>
                <td align="right" valign="top">
                    <asp:Label ID="Label4" runat="server" Text="IssueDescription"></asp:Label>
                </td>
                <td>
                    <asp:TextBox ID="txtIssueDescription" runat="server" Height="71px"
                TextMode="MultiLine" ValidationGroup="t" Width="345px"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server"
                ControlToValidate="txtIssueDescription"
                ErrorMessage="Issue Description Required" ValidationGroup="t" BorderStyle="None"
                        Display="None"></asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td align="right">
                    <asp:Label ID="Label8" runat="server" Text="Status"></asp:Label>
                </td>
                <td>
                    <asp:DropDownList ID="DropStatus" runat="server" Height="21px" Width="184px">
                    </asp:DropDownList>
                </td>
            </tr>
            <tr>
                <td align="right">
                    <asp:Label ID="Label5" runat="server" Text="ContactPerson"></asp:Label>
                </td>
                <td>
                    <asp:TextBox ID="txtContactPerson" runat="server" ValidationGroup="t"
                        Width="315px"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server"
                        ControlToValidate="txtContactPerson" Display="None"
                        ErrorMessage="contact person required" ValidationGroup="t"></asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td align="right">
                    <asp:Label ID="Label6" runat="server" Text="ContactTelephone"></asp:Label>
                </td>
                <td>
                    <asp:TextBox ID="txtContactTelephone" runat="server" Width="310px"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td align="right">
                    <asp:Label ID="Label7" runat="server" Text="ContactEmail"></asp:Label>
                </td>
                <td>
                    <asp:TextBox ID="txtContactEmail" runat="server" Width="312px"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td align="right">
                    <asp:Label ID="Label9" runat="server" Text="Issues Group "></asp:Label>
                </td>
                <td>
                    <asp:TextBox ID="txtIssuegroup" runat="server" Width="328px"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td align="right" valign="top">
                    <asp:Label ID="Label10" runat="server" Text="Solution"></asp:Label>
                </td>
                <td>
                    <asp:TextBox ID="txtSolution" runat="server" Height="66px" Width="449px"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td align="right" valign="top">
                    <asp:Label ID="Label12" runat="server" Text="Priority"></asp:Label>
                </td>
                <td>
                    <asp:DropDownList ID="DropPriority" runat="server" Height="38px" Width="200px">
                    </asp:DropDownList>
                </td>
            </tr>
            <tr>
                <td align="right">
                    <asp:Label ID="Label11" runat="server" Text="Responsible Person"></asp:Label>
                </td>
                <td valign="baseline">
                    <asp:TextBox ID="txtRespPerson" runat="server" Width="389px"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td align="right">
                     </td>
                <td>
                    <asp:Button ID="btnSubmit" runat="server" onclick="btnSubmit_Click"
                Text="Submit" ValidationGroup="t" Width="127px" />
                </td>
            </tr>
            <tr>
                <td align="right">
                     </td>
                <td>
                     </td>
            </tr>
        </table>
    </ContentTemplate>

any idea on how to solve this

Copy Link

is working on a reply...

This forum is in read-only mode while we transition to the new forum.

You can continue this topic on the new forum by tapping the "Continue discussion" link below.

Flag this post as spam?

asp.net ajax toolkit on with umbraco 4.5.2