error in using ajax animation extender in asp.net on button click

Question

0.00/5 (No votes)

See more:

I want to use ajax animation extender on button click that is when user clicks button a animated box opens in which i can show the message . now this is what i have done:
<asp:Button ID="Button1" runat="server" Text="Submit" ValidationGroup="a"
onclick="Button1_Click" />
Thank you for providing us your valueable feedback! We'll be in touch with
you soon.<asp:Panel ID="Panel4" runat="server">

<ajaxToolkit:AnimationExtender ID="AnimationExtender1" TargetControlID="Button1" runat="server">
<animations>
<onclick>
<sequence animationtarget="Panel4">
<parallel animationtarget="flyout" duration=".3" fps="25">
<move horizontal="150" vertical="-50">
<resize height="260" width="280">
<color animationtarget="flyout" propertykey="backgroundColor"> StartValue="#AAAAAA" EndValue="#FFFFFF" />

but error is coming as:
"Animation on TargetControlID="Button1" uses property AjaxControlToolkit.AnimationExtender.onClick that does not exist or cannot be set"? Why is it coming?

Posted 24-Jul-13 20:22pm

Rambo_Raja

Updated 24-Jul-13 20:24pm

v3

Add a Solution

Comments

Hari.Muttevi 18-Apr-14 7:25am

I am Using the following Code for ajax control modelpopupExtender..
<asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="addcanceldummy"
PopupControlID="pnlpopup" BackgroundCssClass="ModalPopupBG" CancelControlID="btncancel">
<animations>
<onshowing>
<fadein forcelayoutinie="false" duration=".2" fps="10">

<onshown>
<fadein forcelayoutinie="false" duration=".2" fps="10">

<onhiding>
<fadeout forcelayoutinie="false" duration=".4" fps="20">

<onhidden>
<fadeout forcelayoutinie="false" duration=".4" fps="10">

But I am getting an error.
can anyone please suggest me...

Rambo_Raja 16-May-14 8:49am

Can you tell in detail what error you are getting ? Actually this is very simple control to play with .

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

kumarsaurav32 · Answer 1 · 2013-07-25T08:48:00

You should try out like this:

XML

<asp:UpdatePanel runat="server" RenderMode="Inline">
                    <ContentTemplate>
                        <asp:Button ID="btnPost" runat="server"
                            Text="Validate and Post"
                            OnClick="btnPost_Click"
                            CssClass="modern socle"
                            Style="width: 150px; padding: 0px; height: 30px;" />
                    </ContentTemplate>
                </asp:UpdatePanel>


<asp:panel id="PleaseWaitMessagePanel" runat="server" cssclass="modalPopup" height="120px" width="330px" xmlns:asp="#unknown">
            Wait a moment...<hr />
            While we are sending your email to KS mail server.<br /><br />
        </asp:panel>

        <asp:button id="HiddenButton" runat="server" cssclass="hidden" text="Hidden Button" tooltip="Necessary for Modal Popup Extender" xmlns:asp="#unknown" />
        <asp:modalpopupextender id="PleaseWaitPopup" runat="server" xmlns:asp="#unknown">
            TargetControlID="HiddenButton" 
            PopupControlID="PleaseWaitMessagePanel" 
            BehaviorID="PleaseWaitPopup" 
            BackgroundCssClass="modalBackground">
        </asp:modalpopupextender>

kumarsaurav32 · Answer 2 · 2013-07-25T08:47:00

You should try out like this:

XML

<asp:UpdatePanel runat="server" RenderMode="Inline">
                    <ContentTemplate>
                        <asp:Button ID="btnPost" runat="server"
                            Text="Validate and Post"
                            OnClick="btnPost_Click"
                            CssClass="modern socle"
                            Style="width: 150px; padding: 0px; height: 30px;" />
                    </ContentTemplate>
                </asp:UpdatePanel>

    <pre lang="xml">&lt;asp:Panel ID=&quot;PleaseWaitMessagePanel&quot; runat=&quot;server&quot; CssClass=&quot;modalPopup&quot; Height=&quot;120px&quot; Width=&quot;330px&quot;&gt;
    Wait a moment...&lt;hr /&gt;
    While we are sending your email to KS mail server.&lt;br /&gt;&lt;br /&gt;
    &lt;img src=&quot;CSS_JS_Img/ContactUsForm/images/mailInOut.png&quot; alt=&quot;&quot; style=&quot;width: 20px; height: 20px&quot; /&gt;
    &lt;img src=&quot;CSS_JS_Img/ContactUsForm/images/win8_Preloader.gif&quot; alt=&quot;Please wait&quot; /&gt;
&lt;/asp:Panel&gt;

&lt;asp:Button ID=&quot;HiddenButton&quot; runat=&quot;server&quot; CssClass=&quot;hidden&quot; Text=&quot;Hidden Button&quot; ToolTip=&quot;Necessary for Modal Popup Extender&quot; /&gt;
&lt;asp:ModalPopupExtender ID=&quot;PleaseWaitPopup&quot; runat=&quot;server&quot;
    TargetControlID=&quot;HiddenButton&quot;
    PopupControlID=&quot;PleaseWaitMessagePanel&quot;
    BehaviorID=&quot;PleaseWaitPopup&quot;
    BackgroundCssClass=&quot;modalBackground&quot;&gt;
&lt;/asp:ModalPopupExtender&gt;</pre>

kumarsaurav32 · Answer 3 · 2013-07-25T08:44:00

You should try out like this:

XML

<asp:UpdatePanel runat="server" RenderMode="Inline">
                        <ContentTemplate>
                            <asp:Button ID="btnPost" runat="server"
                                Text="Validate and Post"
                                OnClick="btnPost_Click"
                                CssClass="modern socle"
                                Style="width: 150px; padding: 0px; height: 30px;" />
                        </ContentTemplate>
                    </asp:UpdatePanel>

XML

<asp:Panel ID="PleaseWaitMessagePanel" runat="server" CssClass="modalPopup" Height="120px" Width="330px">
        Wait a moment...<hr />
        While we are sending your email to KS mail server.<br /><br />
        <img src="CSS_JS_Img/ContactUsForm/images/mailInOut.png" alt="" style="width: 20px; height: 20px" />
        <img src="CSS_JS_Img/ContactUsForm/images/win8_Preloader.gif" alt="Please wait" />
    </asp:Panel>
    
    <asp:Button ID="HiddenButton" runat="server" CssClass="hidden" Text="Hidden Button" ToolTip="Necessary for Modal Popup Extender" />
    <asp:ModalPopupExtender ID="PleaseWaitPopup" runat="server"
        TargetControlID="HiddenButton"
        PopupControlID="PleaseWaitMessagePanel"
        BehaviorID="PleaseWaitPopup"
        BackgroundCssClass="modalBackground">
    </asp:ModalPopupExtender>

error in using ajax animation extender in asp.net on button click

3 solutions

Solution 3

Solution 2

Solution 1

Add your solution here

Preview 0