aspnet ajax toolkit on with umbraco 452 - API Questions

Jesper Lysgaard 16 posts 76 karma points

Sep 14, 2010 @ 10:08

asp.net ajax toolkit on with umbraco 4.5.2

API Questions

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...

Flag this post as spam?

asp.net ajax toolkit on with umbraco 4.5.2