Quantcast
Channel: ASP.NET AJAX + Ajax Control Toolkit (ACT)
Viewing all articles
Browse latest Browse all 5678

Ajax animation extender - how to repeat the animation?

$
0
0

I have an asp.net project with button, that I attached simple animation to (using AnimationExtender). It basically just changes the size of the font and a button. Animation is triggered on load.Is there a way to make it repeat every 30 seconds? Can't use any mouse events, as it is a touch screen app. Can't use click either - as I need this button to "jump" to get user's attention to click on it. Tried to trigger it from javascript (  $("btncalendarfac_AnimationExtender").trigger("load"); - didn't work. Tried to attach it in javascript to another event that is triggered using setinterval - getting error that no such event as OnLoad in javascript:

var ae = $find("btncalendarfac_AnimationExtender");              ae.OnLoad();

I tried it in couple of different ways, but no success. I'm new to animation, so please explain in details. Thanks!

<asp:Button ID="btncalendarfac" class="btn btn-calendar2" Text = "View Calendar of Events" runat="server" style="float:left;" OnClick="btncalendar_Click" /><ajaxToolkit:AnimationExtender ID="btncalendarfac_AnimationExtender" runat="server" BehaviorID="btncalendarfac_AnimationExtender" TargetControlID="btncalendarfac"><Animations><OnLoad><Sequence><Parallel AnimationTarget="btncalendarfac" duration="2"><Resize Width="328" Height= "55" Unit="px" /><StyleAction Attribute="fontSize" Value="19px"/></Parallel><StyleAction Attribute="fontSize" Value="17px"/><Resize Width="325" Height= "50" Unit="px" /><Parallel AnimationTarget="btncalendarfac" duration="2"><StyleAction Attribute="fontSize" Value="19px"/></Parallel><StyleAction Attribute="fontSize" Value="17px"/></Sequence></OnLoad></Animations></ajaxToolkit:AnimationExtender>


Viewing all articles
Browse latest Browse all 5678

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>