Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Jesper Lysgaard 16 posts 76 karma points
    Sep 14, 2010 @ 10:08
    Jesper Lysgaard
    0

    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

  • Jesper Lysgaard 16 posts 76 karma points
    Sep 14, 2010 @ 10:37
    Jesper Lysgaard
    0

    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

  • Max 144 posts 166 karma points
    May 11, 2012 @ 09:03
    Max
    0

    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">
                        &nbsp;</td>
                    <td>
                        <asp:Button ID="btnSubmit" runat="server" onclick="btnSubmit_Click"
                    Text="Submit" ValidationGroup="t" Width="127px" />
                    </td>
                </tr>
                <tr>
                    <td align="right">
                        &nbsp;</td>
                    <td>
                        &nbsp;</td>
                </tr>
            </table>
        </ContentTemplate>


    any idea on how to solve this

Please Sign in or register to post replies

Write your reply to:

Draft