Databases
StackOverflow2013
Postsdbo
POUpdatePanel innner elements animation
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POUpdatePanel innner elements animation
    text
    copied!<p>I have an UpdatePanel with count of elements on it and AnimationExtender:</p> <pre><code>&lt;asp:UpdatePanel ID="updPan2" UpdateMode="Conditional" runat="server"&gt; &lt;ContentTemplate&gt; &lt;div&gt; &lt;table&gt; &lt;tr&gt; &lt;td&gt;&lt;div id="lblText1" runat="server"&gt;Text 1&lt;/div&gt;&lt;/td&gt; &lt;td&gt;&lt;asp:LinkButton ID="lnkButton1" Text="Click" runat="server" OnClick="lnkButton1_Click" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;div id="lblText2" runat="server"&gt;Text 2&lt;/div&gt;&lt;/td&gt; &lt;td&gt;&lt;asp:LinkButton ID="lnkButton2" Text="Click" runat="server" OnClick="lnkButton2_Click" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;div id="lblText3" runat="server"&gt;Text 3&lt;/div&gt;&lt;/td&gt; &lt;td&gt;&lt;asp:LinkButton ID="lnkButton3" Text="Click" runat="server" OnClick="lnkButton3_Click" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;cc1:AnimationExtender ID="AnimationExtender1" TargetControlID="lnkButton1" runat="server"&gt; &lt;Animations&gt; &lt;OnClick&gt; &lt;Color AnimationTarget="lblText1" Duration="5" StartValue="#FF0000" EndValue="#666666" Property="style" PropertyKey="backgroundColor" /&gt; &lt;/OnClick&gt; &lt;/Animations&gt; &lt;/cc1:AnimationExtender&gt; &lt;asp:Button ID="btnSave" Text="Save" runat="server" /&gt; &lt;/div&gt; &lt;/ContentTemplate&gt; &lt;/asp:UpdatePanel&gt; </code></pre> <p>I want to do one thing. When I click on lnkButton1 then element lblText1 should be animated for 5 seconds When I click on lnkButton2 then element lblText2 should be animated for 5 seconds When I click on lnkButton3 then element lblText3 should be animated for 5 seconds</p> <p>And when I click btnSave all elements (lblText1, lblText2, lblText3) should be animated together for 5 seconds. But when I'm using AnimationExtender with OnClick animation all of the elements animates onli for less then 1 second, even if I set Duration for 5 second. How can I make such thing? Thanks.</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload