AnimatedModalPopupExtender Examples

Specifying animations through markup

<ajaxEx:AnimatedModalPopupExtender ID="OpenButton_AnimatedModalPopupExtender1" runat="server"
    PopupControlID="Panel1" Enabled="True" TargetControlID="OpenButton" CancelControlID="CloseButton">
    <Animations>
        <OnShowing>
            <Sequence>
                <StyleAction AnimationTarget="CloseButton" Attribute="display" Value="none" />
                <Resize Duration="0" Height="50px" Width="50px" />
            </Sequence>
        </OnShowing>
        <OnShown>
            <Sequence>
                <Parallel>
                    <FadeIn />
                    <Scale ScaleFactor="5" Center="True" />
                </Parallel>
                <StyleAction AnimationTarget="CloseButton" Attribute="display" Value="" />
            </Sequence>
        </OnShown>
        <OnHiding>
            <Sequence>
                <StyleAction AnimationTarget="CloseButton" Attribute="display" Value="none" />
                <Parallel>
                    <FadeOut />
                    <Scale ScaleFactor="0.2" Center="True" />
                </Parallel>
            </Sequence>
        </OnHiding>
    </Animations>
</ajaxEx:AnimatedModalPopupExtender>

Last edited Feb 19, 2008 at 7:23 PM by danikenan, version 4

Comments

No comments yet.