Animation Extender and IFrame and IE

Home ›

ASP.NET Forums » ASP.NET AJAX » ASP.NET AJAX Control Toolkit » Animation Extender and IFrame and IE

Shortcuts

Previous Next

Animation Extender and IFrame and IE

Last post 07-04-2009 5:56 AM by jjme88. 2 replies.

Sort Posts:

Animation Extender and IFrame and IE

06-26-2009, 5:01 AM

Contact

12 point Member
jjme88
Member since 06-10-2009, 12:02 PM
Posts 10

HI all I have an IFrame that I want to FadeIn on its load event.. so have the AnimationExtender wired up to it.. no problem and the fade works great each time the IFrame loads up.. my problem is that the Iframe needs to have a trasparant background and this all works just fine in Forefox, and Safari, but on IE 8 (with compatibility view on or off) as soon as i wire up the animationextender to the Iframe it looses the Transparancy.. anyone got any ideas why or better still how I can overcome it?

Thanks!

Re: Animation Extender and IFrame and IE

07-01-2009, 3:20 AM

Contact

25,988 point All-Star
Zhi-Qiang Ni - MSFT
Member since 04-11-2008, 12:37 AM
Posts 2,332

Hi jjme88,

I can not reproduce this issue only according to your description, here is my test code:

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="TestIframeFade.aspx.vb"
    Inherits="SoluTest_AnimationInUserControl.TestIframeFade" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <script type="text/javascript">

        function pageLoad() {
        }
    
    </script>

    <style type="text/css">
        #iframe1
        {
            height: 300px;
            width: 500px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div style="background-color: #00FF00">
        <asp:ScriptManager ID="ScriptManager1" runat="server" />
        <iframe runat="server" id="iframe1" src="TestAnimationPopup.aspx"></iframe>
        <cc1:AnimationExtender ID="AnimationExtender1" runat="server" Enabled="True" TargetControlID="iframe1">
            <Animations>
                <OnLoad>
                    <Sequence>
                        <FadeIn Duration="2"/>
                    </Sequence>
                </OnLoad>
            </Animations>
        </cc1:AnimationExtender>
    </div>
    </form>
</body>
</html>

Have it helped? If not, please post your code snippet here.

Best regards,

Zhi-Qiang Ni

Microsoft Online Community Support

Please remember to click “Mark as Answer” on the post that helps you, and to click “Unmark as
Answer” if a marked post does not actually answer your question.

Re: Animation Extender and IFrame and IE

07-04-2009, 5:56 AM

Contact

12 point Member
jjme88
Member since 06-10-2009, 12:02 PM
Posts 10

hi Zhi-Qiang Ni

Thanks for this what i had to do in the end was add the following;

In IE I still found the iframe had no transparantcy, without adding ForceLayoutinIE.

this partically resolved my issues in IE, i say partially as the transparant background now works, but any images that I fade in that have transparancy in them do not display properly. Take a png file with some drop shadow effects and a transparent background and try fading that in. In Firefox and Safari it works great but in IE the shadows go nasty.. its like the old days with lake of support for png files in IE.

I would be really interested to know if the same happens to you.

cheers.

Page 1 of 1 (3 items)

RSS Available