Nitin Reddy

RoundedCornersExtender may cause missing borders

If you've been encountering missing borders when using the RoundedCornersExtender, it may be because the panel you're applying the RoundedCornersExtender to may be enclosed within a container that is unable to provide the space for the border to appear. Simply add padding via the CSS attribute to the container for the border to appear.

Example (before):
<table>
  <tr>
    <td>
      <asp:Panel ID="myPanel1" runat="server">
        &nbsp;
      </asp:Panel>
      <ajaxToolkit:RoundedCornersExtender ID="rceMyPanel1" runat="server" TargetControlID="myPanel1">
      </ajaxToolkit:RoundedCornersExtender>
    </td>
  </tr>
</table>

Example (after):
<table>
  <tr>
    <td style="padding: 4px;">
      <asp:Panel ID="myPanel1" runat="server">
        &nbsp;
      </asp:Panel>
      <ajaxToolkit:RoundedCornersExtender ID="rceMyPanel1" runat="server" TargetControlID="myPanel1">
      </ajaxToolkit:RoundedCornersExtender>
    </td>
  </tr>
</table>

Print posted @ Thursday, June 26, 2008 10:19 AM