SilverLight Content within a control using the RoundedCornersExtender not showing up within FireFox 3.0.1

1 replies. Latest Post by Yi-Lun Luo - MSFT on July 25, 2008.

(0)

micvp007

Member

0 points

1 Posts

SilverLight Content within a control using the RoundedCornersExtender not showing up within FireFox 3.0.1

07-23-2008 7:50 PM |

Hello,

I have been working for a while on a layout where a silverlight tab menu would be placed within a div that use the Asp.Net Ajax RoundedCornersExteneder control.

The layout renders fine in IE and has never had any problems. FireFox however does not display the Silverlight content. The Silverlight control only shows up when it is placed outside of the div that is hooked up to the RoundedCornersExtender AJAX control. I am thinking that this is a bug as I have not been able to find others with the same problem and it has not been working right in some way or another since I attempted the layout. I realize that it might have been easier to create a completely Silverlight rendition of the same thing, yet this layout is not complicated and should work.

Let me know if anyone has run into this problem, or if it is something I might be doing.

Thanks,

Mike

Yi-Lun L...

All-Star

25052 points

2,747 Posts

Re: SilverLight Content within a control using the RoundedCornersExtender not showing up within FireFox 3.0.1

07-25-2008 3:19 AM |

Hello, I believe this is a problem in the AJAX Control. The generated html content looks like this:

<div style="padding: 0pt; background-color: transparent; vertical-align: top; width: 1180px;"
id="Panel1">
...
<div style="border-style: none solid; border-left: 1px solid rgb(0, 102, 255); border-right: 1px solid rgb(0, 102, 255);
padding: 0pt; background-color: transparent; vertical-align: top; width: 100%;"
id="">
Silverlight content here...
</div>
...

As you can see, it doesn't set any height on the Silverlight plug-in's parent divs. But in Firefox, if a div is not set with a height, the default height will be all that its children need (in IE it inherits its parent's height). This behavior works fine for html contents. But for an object tag such as Silverlight and Flash, there's no way to tell how much size this object needs.

If the html is this, it will work fine:

<div style="padding: 0pt; background-color: transparent; vertical-align: top; width: 1180px; height: 100%"
id="Panel1">
...
<div style="border-style: none solid; border-left: 1px solid rgb(0, 102, 255); border-right: 1px solid rgb(0, 102, 255);
padding: 0pt; background-color: transparent; vertical-align: top; width: 100%; height: 100%"
id="">
Silverlight content here...
</div>
...

That being said, since it's from an AJAX Control, there's not much you can do. I suggest you to use pure Silverlight solution.

shanaolanxing - I'll transfer to the Windows Azure team, and will have limited time to participate in the Silverlight forum. Apologize if I don't answer your questions in time.