Rounded corners for my gadget which uses iFrame

Question

Hi,

I created a gadget on Windows 7. This gadget is using iFrame to display a SSRS report in the gadget.

Now, I want to apply rounded corners to my gadget. I tried searching the net and found the below code:

But it is not working properly. The report is not getting displayed but only the top corners are rounded.

Can someone post me the code for rounded corners for a gadget when using a iFrame?

Thanks in advance !!!

<table width="230" height="100" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF"   >

 <tr>
<td width="1000">
<img src="r1_c1.gif" width="30" height="30">
</td>
<td>
<!-- Blank top section -->
</td>
<td width="20">
<img src="r1_c3.gif" width="30" height="30">
</td>
</tr>
<tr>
<td>
<!-- Blank left section -->
</td>
<td >

<iframe id="rpt" src="<Report URL>"
 style="BACKGROUND-COLOR:transparent;" name="doc" frameBorder="No" width="100%" height="100%" scrolling="No" />

</td>
<td>
<!--Blank right section -->
</td>
</tr>
<tr>
<td width="20" >
<img src="r3_c1.gif" width="30" height="30">
</td>
<td>
<!--Blank bottom section -->
</td>
<td width="20" height="440">
<img src="r3_c3.gif" width="30" height="30">
</td>
</tr>
</table>

Regards,

djandy

Answer 1

This thread shows two ways of using top and bottom background images (make with rounded corners if you like) with a repeating middle image for variable height.

If your gadget does not have variable height you can simply use a single g:background image