Transparent Background

[Andrew Ross]

I created a new skin and just set everything to Transparent.  Everything works great in Firefox, but in IE7 i get a white background.  After looking though the elements, through the developer toolbar, i see that an IFRAME has its background set to white.  I have tried many things and looked and looked but could not find a why to get it to work correctly in IE7.

Any help would be greatly appreciated.

Andrew

[Georgi Tunev]

Hello Andrew,

Could you please open a support ticket and send us your implementation so we can check it? Once we have a better view over your skin, we will do our best to help.


Greetings,
Georgi Tunev
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Rick Gipson]

Was a solution for this found? I have the same problem where the iframe background is transparent in FireFox and Safari and white in IE.  Please advise...

[Rick Gipson]

It appears that to make the iframe transparent I need to set allowtransparency=true on the iframe that the RadWindow generates.  Is there a way to apply this via the Skin css?  I was able to apply the allowtransparency=true through the IE Developer toolbar an confirmed that it will work -- just need help identifying the css skin attribute to apply it to.

Thanks,

Rick

[Jason]

I would like to give Rick's request a bump. I am experiencing the same issues. And through the developer tool I have been able to verify that the "allowtransparency=true" attribute and value is all I need to fix the issue. It is transparent in firefox, chrome, safari, but not ie.

Thx!!

[Georgi Tunev]

Hello Jason,

I have just answered your support ticket on the same subject. For convenience I am pasting my reply below:

---

Indeed, in IE, the only way to add AllowTransparency is with JavaScript but this should not affect the viewstate. Please send us a small sample project where this problem could be observed so we can investigate - we will do our best to provide you with a solution.


Regards,
Georgi Tunev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Rick Gipson]

For those monitoring this forum post that doesn't have access to see Georgi's support posting, I solved this by tying into the RadWindow's OnClientShow event:

        <telerik:RadWindowManager
            Behaviors="None"
            ID="RadWindowManager"
            ShowContentDuringLoad="false"
            Skin="Default"
            runat="server"
            EnableEmbeddedSkins="false"
            DestroyOnClose="false"
            VisibleStatusbar="false"
            VisibleTitlebar="false">
            <windows>
                <TELERIK:RadWindow id="ShowModal"
                    Modal="true"
                    Runat="server"
                    CssClass="iframe"
                    OnClientShow="OnClientShow"
                </TELERIK:RadWindow>
            </windows>
        </TELERIK:RadWindowManager>

and here is the javascript function to set the allowTransparency...

function OnClientShow(sender, eventArgs) {
    sender._iframe.allowTransparency = true;
}

Hope this helps...

Rick Gipson