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

How to make AnimationExtender area scrollable?

$
0
0

How to make AnimationExtender area scrollable?

Heres my source code

<ajaxToolkit:AnimationExtender id="OpenAnimation" runat="server" TargetControlID="btnExplaination" ><Animations><OnClick><Sequence><%-- Disable the button so it can't be clicked again --%><EnableAction Enabled="false" /><%-- Position the wire frame on top of the button and show it --%><ScriptAction Script="Cover($get('ctl00_MainContentPlaceHolder_btnExplaination'), $get('flyout'));" /><StyleAction AnimationTarget="flyout" Attribute="display" Value="block"/><%-- Move the wire frame from the button's bounds to the info panel's bounds --%><Parallel AnimationTarget="flyout" Duration=".3" Fps="25"><Move Horizontal="-150" Vertical="-50" /><Resize Width="500px" Height="280" /><Color PropertyKey="backgroundColor" StartValue="#AAAAAA" EndValue="#FFFFFF" /></Parallel><%-- Move the info panel on top of the wire frame, fade it in, and hide the frame --%><ScriptAction Script="Cover($get('flyout'), $get('info'), true);" /><StyleAction AnimationTarget="info" Attribute="display" Value="block"/><FadeIn AnimationTarget="info" Duration=".2"/><StyleAction AnimationTarget="flyout" Attribute="display" Value="none"/><%-- Flash the text/border red and fade in the "close" button --%><Parallel AnimationTarget="info" Duration=".5"><Color PropertyKey="color" StartValue="#666666" EndValue="#FF0000" /><Color PropertyKey="borderColor" StartValue="#666666" EndValue="#FF0000" /></Parallel><Parallel AnimationTarget="info" Duration=".5"><Color PropertyKey="color" StartValue="#FF0000" EndValue="#666666" /><Color PropertyKey="borderColor" StartValue="#FF0000" EndValue="#666666" /><FadeIn AnimationTarget="btnCloseParent" MaximumOpacity=".9" /></Parallel></Sequence></OnClick></Animations></ajaxToolkit:AnimationExtender>




Viewing all articles
Browse latest Browse all 5678

Latest Images

Trending Articles



Latest Images

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