2012年3月21日水曜日

RoundedCornersExtender not working

I drag an ObjectDataSource and a GridView on a page. The DataSource of my GridView is ObjectDataSource. I rhen drag a RoundedCornersExtender and configure it like such:

<cc1:RoundedCornersExtender ID="RoundedCornersExtender1" runat="server">
<cc1:RoundedCornersProperties Radius=6 TargetControlID="GridView1" />
</cc1:RoundedCornersExtender
When I run the page, the GridView briefly appears (for a split second) before disappearing.

The problem is that RoundedCorners expects to be pointed at a DIV container (asp:Panel) instead of arbitrary elements (in this case a TABLE). If you wrap the GridView with a Panel, it should work fine. Here's a sample:

<%@. Page Language="C#" %><%@. Register Assembly="AtlasControlToolkit" Namespace="AtlasControlToolkit" TagPrefix="atlasToolkit" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><script runat="server"> protected override void OnLoad(EventArgs e) { base.OnLoad(e); GridView1.DataSource = "this is a test".Split(' '); GridView1.DataBind(); }</script><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title>Untitled Page</title></head><body> <form id="form1" runat="server"> <div> <atlas:ScriptManager ID="SM" runat="server"> </atlas:ScriptManager> <asp:Panel ID="P" runat="server" Style="background-color: Lime; position:absolute;"> <asp:GridView ID="GridView1" runat="server"> </asp:GridView> </asp:Panel> <atlasToolkit:RoundedCornersExtender ID="RCE" runat="server"> <atlasToolkit:RoundedCornersProperties TargetControlID="P" Radius="6" /> </atlasToolkit:RoundedCornersExtender> </div> </form></body></html>

Not working also. Here is my code:

<asp:PanelID="Panel1"runat="server"Width="1000px"CssClass="roundedPanel">

(...)

</asp:Panel>

<cc2:RoundedCornersExtenderID="RoundedCornersExtender1"runat="server"

TargetControlID="Panel1"

Corners="All"

Radius="6"/>

Here is my CSS class:

.roundedPanel

{

width:300px;

height:300px;

background-color:#ffffff;

color:black;

font-weight:bold;

}

The borders on the left am right sides doesn't render.


My issue is solve. I was missing a very important property in the extender:

BorderColor="Black"

0 件のコメント:

コメントを投稿