ASP.NET AJAX Control Toolkit

Re: Animation Extender and IFrame and IE

jjme88 — Sat, 04 Jul 2009 09:56:02 GMT

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.

Re: Animation Extender and IFrame and IE

Zhi-Qiang Ni - MSFT — Wed, 01 Jul 2009 07:20:07 GMT

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

Animation Extender and IFrame and IE

jjme88 — Fri, 26 Jun 2009 09:01:06 GMT

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!