2012年3月21日水曜日

RoundedCornersExtender border

Hi,

I can't seem to find how to replicate RoundedCornersExtender withrounded borders, like in this sample:

http://ajax.asp.net/ajaxtoolkit/RoundedCorners/RoundedCorners.aspx

Where "border" property should be set?

"RoundedCornersExtender border" search on this forum produces ample results,

the only trouble is, none haverounded borders like in microsoft example above.

Did you click on the Properties for the control on that page?

<ajaxToolkit:RoundedCornersExtender ID="rce" runat="server" TargetControlID="Panel1" Radius="6" Corners="All" />

note: Make sure you're trying to round a Panel.


This isn't working for me in IE7 either... but it works in safari, opera, and firefox... Anyone gotten borders to work in IE?

Looks like this:screenshot(notice the gaps on the right border)

<ajax:ScriptManager ID="ScriptManager1" runat="server"></ajax:ScriptManager><br /><asp:Panel ID="Panel1" runat="server"><div style="padding-right: 1px; padding-left: 10px; "> Some content goes here <br /></div></asp:Panel> <ajaxToolkit:RoundedCornersExtender ID="RoundedCornersExtender1" Corners="All" runat="server"TargetControlID="Panel1" Radius="20" BorderColor="#006600" BehaviorID="RoundedCornersBehavior1"></ajaxToolkit:RoundedCornersExtender>

OK some more information. I'm using the control in a UserControl and testing it on a page that has a MasterPage.

In the masterpage, the doctype declaration is:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

If I change it to:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

The corners get rounded properly... but other styles seem to be affected (ie the text is smaller, and in non-IE browsers, color is effected).

This happens with all the otherdoctype examples here too.Is it a known bug that the ajaxcontrols don't work with the first doctype i listed?

0 件のコメント:

コメントを投稿