RoundCornersExtender both right corners are outside the bounds of the div

On IE, my panel appears with the corner border missing chunks. Actually, the border runs outside the width of the div because
ASP.NET renders the corner DIVs with a margin-right of 6px through -2px (for a radius of 8). This causes the last two pixels
to not show up.

This renders perfectly under FireFox.

Created a panel with a rounded corner extender on it like this:

 <asp:Panel ID="pnlAddMeToYourBlackBook" runat="server" Width="147px" BackColor="#ebf5ff" Style="margin-top: 2px"> <div style="padding-left: 10px"> <table cellspacing="0" cellpadding="0" width="124px" border="0"> <tr valign="top" align="left"> <td width="26px"> <asp:ImageButton ID="btnImgBlackBook" runat="server" ImageUrl="~/images/SearchResults/graphics/prof_icon_blackbook2.gif" BorderStyle="None" Width="18px" Height="18px" ToolTip="Add this user to your Black Book" ImageAlign="absmiddle"></asp:ImageButton></td> <td> <asp:LinkButton ID="btnBlackBook" runat="server" CssClass="lc_prof_comm_link">Add me to your<br>Black Book</asp:LinkButton></td> </tr> </table> </div> </asp:Panel>

<
cc1:RoundedCornersExtenderID="rcAddMeToYourBlackBook"runat="server"BorderColor="#7eb1e6"Corners="Bottom"Radius="8"TargetControlID="pnlAddMeToYourBlackBook">
</
cc1:RoundedCornersExtender>

Does anyone have a suggestion for why this is rendered this way?

Thanks
Larry

Anyone have a clue on this?

SomthingI failed to mention was that the corners worked perfectly on IE when I was building in a separate project. Then when I incorporated the page into the main website (very large, lots of legacy stuff, css, prototype libs, ajaxpro libs, etc.), the corners started messing up. Does anyone know what could be conflicting with ASP.NET AJAX in a chaotic environment like this?

Thanks,
Larry

Rounded corners

Ive noticed that when i use the rounded corners on a panel, it only works on the panel,

if i put a border on the panel, it only rounds the inside of the panel, and not the border.

Am i doing something wrong, or is this just not possible?

RoundedCorners currently does not support borders although we're working on some enhancements to add support for a 1px border as well as being able to choose which corners to round.

Rounded Corners & CSS Margin

I am using the rounded corners control on a panel control. I have the margin of the panel defined with CSS. This causes a gap the size of the margin setting between the panel and the Rounded Corner effect. Am I doing something wrong or is this a bug with the extender?

That's the way the control works unfortunately. If you look at the docs it tells you that it adds to the height of the of the control it is extending to achieve the rounding effect which makes fairly worthless for anything that requires headers for example...

Hopefully MS can figure out a better way to do this in the future, but being an extender I'm not sure that there really is a better way to do this since the control has to work with an existing control and its size parameters.

+++ Rick --

--
Rick Strahl
West Wind Technologies
www.west-wind.com
www.west-wind.com/weblog

<JasonRCS> wrote in messagenews:1287524@.forums.asp.net...

I am using the rounded corners control on a panel control. I have the margin of the panel defined with CSS. This causes a gap the size of the margin setting between the panel and the Rounded Corner effect. Am I doing something wrong or is this a bug with the extender?

---

http://forums.asp.net/thread/1287524.aspx

This ends up being a mutually exclusive situation unfortuntely. If someone has an idea for a solution I amall ears.

The only way I know of doing the rounded corners without custom bitmaps is to add elements to the control. Let's call them adornments.

So, you can either add the elements outside of the control you're targeting or inside.

If you add them outside it falls down quickly. If you have any positioning set on the thing you are targeting (relative or absolute), then the adornments get left behind. So that's a major problem.

If you add them inside the control (which is what we do), it generally works better, but there are combinations of styles that we can't handle, margin being one of them.

In most cases you can accomplish what you need to by composition - meaning if you wrap another div/panel around the outside of your object and apply the rounded cornders to that one or vice-versa you can make it do what you want.

Thank you both for your comments. I just wanted to make sure that isthe way it is supposed to work. I will get by with using an embeddeddiv for now.

I am not aJavaScript person, but would it be possible for the control tomodifythe border property of the element? This would allow the modificationto be reside between the padding and margin attributes of an element. Just throwing ideas out there. I know the Mozilla browsers support a proprietary attibute of moz-radius to do this with borders.

Thank you agian for your help!

Jason

JavaScript
java script
java-script
conscript
Edit...
Ignore all
Add to dictionary

modify
mortify
motif
codify
modding
Edit...
Ignore all
Add to dictionary

Sorry for the extra junk at the bottom... Google Spell Check gone bad!

The modifications are just a bunch of added DIVs, so they can't live in that zone unfortunately.

If the embedded DIV trick works for you, stick with that.

Same problem here - although I have previously managed to set up CSS only rounded corners which do not suffer from this problem, so I'm going to compare and contrast with the extender, to see if I can fix it up.

Should you happen to want a work-around in the meantime, e.g. my example, where I wanted "margin-top: 10px" on a div with rounded corners (so that there was a blank space between two divs which are one above the other), you can wrap an extra div around your panel-with-rounded-corners, and put the margin on that (extra) div - leaving the rounded corners as is.

Cheers,

Matt

rounded corners - how hard can it be?

I thought I'd use the AJAX toolkit just to add some nice round corners to a panel. How hard can that be? I'm only using it because it looks so damn easy. Only it won't work - no friggin corners. I got so frustrated, I copied the code directly from the sample website and pasted it onto my page. Still doesn't work! Here's the HTML:

 <ajaxToolkit:RoundedCornersExtender ID="rce" runat="server" TargetControlID="ContentPanel" BehaviorID="RoundedCornersBehavior1" Radius="6" Color="255, 224, 192" /> <asp:Panel runat="server" ID="ContentPanel" Width="350px" Height="400px" CssClass="newscontent"> <h2>Click a news item to view</h2> </asp:Panel>

Nothing. Anyone had this? I should mention perhaps it's in a master page context. I really can't imagine what else could be a factor. I even tried implementing it from the design view - which I hardly ever use - and everything looked hunky dory. Adding the color line gives me a rounded corner top edge in that color. The rest is white.

I think that the problem is withnewscontent css style. Can you post it here?

kipo:

I think that the problem is withnewscontent css style. Can you post it here?

I thought of that too. Alas, the only thing left in the CSS is this:

.newscontent {float:right; margin-left:5px;}

Crazy huh? So far I have to say I have had lots of problems with these wonderful-looking controls.

OK, here is working example:http://rapidshare.com/files/54867245/RoundedCorners.zip.html
Download it and try to run on your machine. If it works ok than there is something wrong in your code (most likely in web.config file), but if it doesn't work than I suppose you will need to reinstall AJAX.

Rounded Corners - Colors for top and bottom?

I am trying to use rounded corners control, and its working fine, but I need to see if its possible to have the top of the control a differant color than the bottom?

is there a way to tell each corner to be a differant color? How about the bottom corners to be a smaller/larger size than the top?

Any advice would be helpful

Thanks

-Shane

You'd need to modify the implementation of RoundedCorners to get either of these features. If you do so and others find the changes desirable, we'd be happy to integrate them into the Toolkit!

Rounded Corners - Bizarre Width Effects

I'm new to Ajax and just built a web page to test assorted effects that I want to use right away. One of the most straightforward - Rounded Corners - I can't get working correctly. Here are two screenshots exemplifying the problem:

Here's the pertinent HTML and CSS code:

<%@dotnet.itags.org. Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Ajax_Test_1._Default" %>
<%@dotnet.itags.org. Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<link href="http://links.10026.com/?link=styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<br /
<div>
Rounded corners:<br />
<asp:LinkButton ID="LinkButton1" runat="server" CssClass="purpleButton" BackColor="#C0C0FF">Dummy Link</asp:LinkButton>
<cc1:RoundedCornersExtender ID="RoundedCornersExtender1" runat="server" TargetControlID="LinkButton1" BorderColor="128, 128, 255" Color="192, 192, 255" Radius="6">
</cc1:RoundedCornersExtender>

purpleButton
{
background-color:#C0C0FF;
width:75px;
text-align:center;
}

.modalBackground
{
background-color:Gray;
filter:alpha(opacity=70);
opacity:0.7;
}

.modalPopup
{
background-color:#ffffdd;
border-width:3px;
border-style:solid;
border-color:Gray;
padding:3px;
width:250px;
}

It's strange that the width value in the CSS file has no effect. Yet if I specify the width directly in the HTML then it fixes the problem in IE7. Nothing I do seems to change anything in Firefox 2.0

Any ideas?

Robert Werner
Vancouver, BC

Add display: block; to your purpleButton class. That'll fix it.

Just tried what you suggested. Sorry, but this doesn't do a thing. Here's the full source code: http://mwtech.com/downloads/public/AjaxTest.zip

Robert

display: block; is necessary, but you also need to add a "." before purpleButton in your CSS. The class name needs to be .purpleButton in styles.css for it to be available for reference as purpleButton in the CssStyle property in your asp.net code.

You are correct! Thank you for that tip!

I just removed all width settings from the HTML and found that in the CSS I had to set "width" to some value first before I could control the actual width using "min-width". Very odd IMHO. Maybe one day I'll fully understand all the quirks of CSS!!!

Robert

Rounded Corners Extender and Background Images

First off, I love the control toolkit!

Is there a way (or will there be a way) to add background-image support to the rounded corners extender. Sometimes I would like to set the background to do a gradient or other lightweight background image, but I can't seem to make any of that work with rounded corners.

Thanks!

It is a nice feature but it is not supported. The RoundedCornersExtender will pick up the color of the target element and build rounded divs around it using that.

Thanks!

That would be a great feature for a future release. I still love the product.

Keith

Thanks!

That would be a great feature for a future release. I still love the product.

Keith

Thanks,

That would be a great feature for a future release. At any rate, the existing control is great.

Keith

I agree, this would be a useful feature. It could be done by specifying an optional control parameter to set the background colour of the control to transparent - NiftyCube (http://www.html.it/articoli/niftycube/index.html) does something similar and I am currently using this in prefernce to the RoundedCornersExtender. Very easy to impliment.

rounded corners extender

I'm trying to make my datagrid have rounded corners using the ajax rounded corners extender. When I load my page the datagrid apears and then disappears right away. In view source I see the datagrid information. Has anyone else had this problem, if so how did you fix it?

Thanks.

Does the datagrid have data in it? Datagrids disappear if empty.

Does the datagrid have data in it? Datagrids disappear if empty.

View source shows there is data in the grid. It appears then in a second disappears.

Thanks for the reply. I would really like this to work, it would make my page look so much better as everything else on the page has rounded corners.

Hi,

It's hard to tell why exactly without knowing how you implement it.

Can you show me a simple repro? It will be preferred if you can modify it a little bit to use Northwind database.

rounded corners control problem

Hi, I have tried this code:

<%@dotnet.itags.org. Page Language="C#" %>
<SCRIPT runat="server">
protected void Page_Load(object sender, EventArgs e)
{
Image i = new Image();
Panel pl = new Panel();
PlaceHolder1.Controls.Add(pl);
pl.Controls.Add(i); pl.BorderColor = System.Drawing.Color.Blue;
pl.BackColor = System.Drawing.Color.Blue;
pl.ID = "pnl";
i.ID = "pppp";
i.ImageUrl = "../images/1/1.jpg";
i.Height = 200;
i.Width = 200;
pl.Height = 200;
pl.Width = 200;
AjaxControlToolkit.RoundedCornersExtender rce = new AjaxControlToolkit.RoundedCornersExtender();
PlaceHolder1.Controls.Add(rce);
rce.ID = "bleble";
rce.TargetControlID = pl.ID;
rce.Radius = 6;
}
</SCRIPT>
<HTML xmlns="http://www.w3.org/1999/xhtml">
<HEAD id=Head1 runat="server">
</head>
<body>
<FORM id=form1 runat="server">
<DIV>
<?xml:namespace prefix = asp /><asp:ScriptManager id=ScriptManager1 runat="server">
</asp:ScriptManager>
<asp:PlaceHolder id=PlaceHolder1 runat="server"></asp:PlaceHolder>
</DIV>
</FORM>
</body>
</html>

For some reasons the result I got is the image inside a panel, with two blue thin rounded corners rectangles on the top of the image and on the bottom of it.
It didn't make rounded corner image. What is the problem of it? How can I display rounded corners image?

Why dont you try to create the conrol in the front end instead of the code behind.

use the following code that is on the sample and see it works fine. All you have to do is give the Id of the control!

http://www.asp.net/ajax/control-toolkit/live/RoundedCorners/RoundedCorners.aspx

I write my application in a way that for each aspx file there is aspx.cs file. I tried this 100 times and it didn't worked for me. Take the code I wrote and try it yourself. Does it show a rounded corner Image? For some reason, Images are not working for RoundedCornersExtender.

I am looking desperatly for an answer.

Rounded Corners cannot accept Width = "__%"

Hopefully, somebody may be able to tell me if I'm doing something wrong here.

All I'm trying to do ismake a panel sit inside of another panel.
Theinner panel must have rounded corners and both panelsmust resize with the browser window.

Without Atlas RoundedCorners I can say:

<asp:PanelID="OuterPanel"runat="server"BorderColor="Black"BorderStyle="Solid"BorderWidth="1px"BackColor="blue"
Style="left: 5%; top: 5%; position: relative"Height="90%"Width="90%">

<asp:PanelID="InnerPanel"runat="server"BorderColor="Black"BorderStyle="Solid"BorderWidth="1px"BackColor="red"
Style="position: absolute; margin-left:10%; margin-top:12%"Height="73%"Width="90%">
</asp:Panel>

</asp:Panel>

and everything behaves and looks fine (minus the rounded corners) - this includes both panels resizing with the window

However... once I add the RoundedCornersExtender and point it at the Inner Panel

<cc1:scriptmanagerid="ScriptManager1"runat="server"/>
<cc2:roundedcornersextenderid="RoundedCornersExtender1"runat="server">
<cc2:RoundedCornersPropertiesRadius="10"TargetControlID="InnerPanel"/>
</cc2:roundedcornersextender>

...The graphics get all confused.
Yes, I've got the rounded corners, but 2 things are wrong.

1. The inner panel stops resizing in Width (resizes ok in height)
2. It looks like a transparent box of almost the same height as the panel is missing from the right of the Inner panel.

The really wierd thing is:
If (on the Inner Panel) I replaceWidth="90%"for Width="700px" Then the above 2 problems are fixed.

But, that leaves me with a panel that doesn't resize with the rest of the controls on my page - totally defeating the point !!

I don't understand why this Atlas control works fine with Height="90%", but not Width="90%"

Can anyone help ?
I've been struggling for ages with this !

Thanks,
Scott

So, no-one has any thoughts on this ?

Aren't there any Atlas type officials out there at least willing to recognise this bug ??

From what I can tell this is a bug... you cannot set the height or width to xxx% when using the Rounded Corners extender. It has never worked for me. So I just make sure that the data I put into the panel is of a predefined height,

Dunno if it will ever get fixed.

Cheers
Graeme

Check out our free rounded panel control for ASP.NET 2, also our free security code image control.http://www.roundedpanel.baysoft-net.co.uk. Hope this helps. It's pretty flexible.

You've got one panel with position: relative and another with position: absolute and you expect them to behave the same? Not going to happen. remove the position: absolute from the second panel.

Also, it looks like you might have an older version of the AJAX Toolkit because of the RoundedCornersProperties entity. Those properties should be in the RoundedCournersExtender tag. I'd recommend downloading the latest version of the toolkit.

Rounded Corners Border Width

Is it possible to increase the width of the rounded corners border?

Thanks.

Hi Ndroe,

As far as I know, you can rewrite the RoundedCornersExtender's buildParentDiv function to what you expect. Also you can use Javascript to change its css styles on pageLoad event since it is a Dom element. But unfortunately, all this seems not to be a easy task.

For your situation, I think you may build Corners manually by using corner and line picture + HTML. Just like this:http://www.microsoft.com/en/us/default.aspx

I hope this help.

Best regards,

Jonathan

Rounded corners and Div tags? Possible?

Hey folks.. I watched the video's on Ajax and I love it.. My question is this: I noticed that the author used a Panel to make rounded corners.. Can I use a Layer / Div tag and color the background and round a corner ? That way I don't have any images included or an extra control? Just thought I'd ask.. I would like to use it like you see in table cells with a header that is an image that has rounded corners and info inside the control..

Thanks

Tim

hi,

yes you can have a TargetControl as div markup, just don't forget to add a runat="server" on that div tag..

hth

http://www.webmasterworld.com/forum83/7447.htm

Thank you, but someone needs to write MS or the w3c people or whoever makes the standards for HTML and CSS and say "Hey".. There's a need for this.. It would seem to me that we should be able to make a control that we could just use?

Tim

I started writing a control for this. I've got a little bit of code cleanup to do, but you can see a screenshot of it here:

http://Beta.GuitarVoice.com

And you can download a copy of it here:

http://www.MJ-Consulting.biz/MjControls/MjRoundedDiv/MjRoundedDiv.zip

After you install, you'll have to add the control to your toolbox by browsing to the dll. Like I said, it's not perfect, but is a start. I'm curious to know what you think of it.

Oh, and you'll have to copy the MjControls directory to your site as well (contains images).

rounded corners + borders?

Is there a way to get rounded corners and borders to work together? When I apply both the rounding goes away, apparently.

Hi miky,

I don't think the two play nicely together. RoundedCornersworks by building up a stepped sequence of very thin divs on the edge of your control, which doesn't really make sense if you're using a border as well. I'd recommend setting theColor andRadiusproperties ofRoundedCornersto achieve a border-like effect.

Thanks,
Ted

Thanks, Ted, for the response. Those details are good to know. I'll play around with your suggestion and report what I find.

Rounded Corners in Firefox

Hello everyone,

I have tested the SampleWebSite and seen that the RoundedCorners component works fine under Firefox.

The problem is, when I do my own tests, it doesn't. The site is perfect under IE but terrible under firefox. I don't know if I may be doing something wrong.

The rounded corners panel seem to be with a fixed height, and the text inside the panel goes out of the border. I'm using the latest build of the toolkit and I am totally uncomfortable with it, because everything I do is perfect under IE and terrible under Firefox.

Here goes my panel's code:

 <asp:Panel ID="pnlAcademico" runat="server" Height="50px" Width="98%"> <table style="width: 95%; text-align: justify;" border="0"> <tr> <td> <asp:Label ID="lblCurso" runat="server" Font-Bold="True" Font-Names="Arial" Font-Size="Small" Text="Nome do curso: "></asp:Label> </td> <td> <asp:TextBox ID="tbxNomeCurso" runat="server" BorderStyle="None" Width="90%" MaxLength="50"></asp:TextBox> <asp:DropDownList ID="ddlCursos" runat="server" Width="91%" DataTextField="Descricao" DataValueField="Codigo" Visible="False"> </asp:DropDownList> </td> </tr> <tr> <td style="height: 26px"> <asp:Label ID="Label26" runat="server" Font-Bold="True" Font-Names="Arial" Font-Size="Small" Text="Institui??o de ensino:"></asp:Label> </td> <td> <asp:TextBox ID="tbxInstituicao" runat="server" BorderStyle="None" Width="90%" MaxLength="70"></asp:TextBox> </td> </tr> <tr> <td style="height: 26px"> <asp:Label ID="Label27" runat="server" Font-Bold="True" Font-Names="Arial" Font-Size="Small" Text="Carga horária:"></asp:Label></td> <td> <asp:TextBox ID="tbxCargaHoraria" runat="server" BorderStyle="None" Width="33px" MaxLength="4"></asp:TextBox>  </td> </tr> <tr> <td style="height: 21px"> <asp:Label ID="Label29" runat="server" Font-Bold="True" Font-Names="Arial" Font-Size="Small" Text="Data de conclus?o: "></asp:Label> </td> <td> <asp:TextBox ID="tbxDataConclusao" runat="server" BorderStyle="None" Width="65px"></asp:TextBox>  <cc1:MaskedEditExtender ID="mkeDataConclusao" runat="server" ClearMaskOnLostFocus="False" Mask="99/99/9999" TargetControlID="tbxDataConclusao" Enabled="True" CultureName="pt-BR" CultureAMPMPlaceholder="" CultureCurrencySymbolPlaceholder="R$ " CultureDateFormat="DMY" CultureDatePlaceholder="/" CultureDecimalPlaceholder="," CultureThousandsPlaceholder="." CultureTimePlaceholder=":"> </cc1:MaskedEditExtender> </td> </tr> </table> <table style="width: 95%; text-align: justify;" border="0"> <tr> <td style="height: 21px">   </td> <td style="text-align: right;"> <asp:Button ID="btnAdicionarAcademico" runat="server" Text="Adicionar" OnClick="btnAdicionarAcademico_Click" /> </td> </tr> </table> <br /> <asp:GridView ID="gdvAcademico" runat="server" BackColor="White" BorderColor="#999999" BorderStyle="None" BorderWidth="1px" CellPadding="3" GridLines="Vertical" Width="90%" AutoGenerateColumns="False" OnRowDataBound="gdvAcademico_RowDataBound"> <HeaderStyle BackColor="#000084" Font-Bold="True" ForeColor="White" /> <FooterStyle BackColor="#CCCCCC" ForeColor="Black" /> <SelectedRowStyle BackColor="#008A8C" Font-Bold="True" ForeColor="White" /> <AlternatingRowStyle BackColor="Gainsboro" /> <RowStyle BackColor="#EEEEEE" ForeColor="Black" /> <PagerStyle BackColor="#999999" ForeColor="Black" HorizontalAlign="Center" /> <Columns> <asp:BoundField DataField="TipoCurso" HeaderText="Tipo" /> <asp:BoundField DataField="Curso" HeaderText="Curso/área do conhecimento" /> <asp:BoundField DataField="InstituicaoEnsino" HeaderText="Institui??o" /> <asp:BoundField DataField="DataConclusao" HeaderText="Data de conclus?o" DataFormatString="{0: dd/MM/yyyy}" HtmlEncode="False" /> </Columns> </asp:GridView> </asp:Panel> <cc1:RoundedCornersExtender ID="RoundedCornersExtender3" runat="server" BehaviorID="RoundedCornersBehavior3" BorderColor="Gray" Radius="6" TargetControlID="pnlAcademico" Enabled="True"> </cc1:RoundedCornersExtender>

I got 5 or 6 of these in the same page, and I get some of the panels visible or invisible according to my needs.

Is there anything wrong in the way I'm putting myRoundedCornersExtender to work?

It was supposed to work under FF, right?

Thanks in advance.

Forget it. I fixed it.

It's not a rounded corners issue, but an asp:panel issue.

All I had to do was remove the "height" from the asp:panel.

Thanks anyways.

Rounded Corners Fetaure Suggestion

Hey guys/girls/people,

The controls are great - I have a feature suggestion for the Rounded corners...

TopVisible - Boolean - show/hide the top div

BottomVisible - Boolean - show/hide the bottom div

TopText - String - Text to be shown in the top rounded div

TopCssClass - String - cssclass to be used to style the top text

This would allow you to create sidebar panels like they use in the community server...

http://communityserver.org/Default.aspx

Cheers!!

Andrew

Hey!,

This is a great idea, i have the same feature, specially the TopText String Property...

Bye!, Moisés.

rouf:

Hey!,

This is a great idea, i have the same feature, specially the TopText String Property...

Bye!, Moisés.

Have another question... Why when I use a Atlas Update Panel near a Rounder Corners Extender the corners split in various lines?, something like this :
______
__________
_______________

Sorry for my eng...

This is a good idea. Could you please file a feature request at

http://www.codeplex.com/WorkItem/List.aspx?ProjectName=AtlasControlToolkit

Thanks!

This bug is already fixed

rounded corners with firefox and opera

I am using some rounded corner controls on an app im testing. In IE they work perfectly but in firefox and opera the borders are broken. The rounded part shows but it detached from the vertical borders. Has anyone else had this happen? HOw do you fix it?I wrote some testing codes to check Ajax:RoundedCornersExtenderand found it worked fine in IE7,FireFox and Opera.I installed Visual Studio 2005 with Ajax Beta 2 and Futures November CTP in my PC.Here are my testing?codes?for?your?
reference.
<%@. Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="Ajax" %>
<div>
<asp:Panel ID="pnlRoundedCorner" runat="server" BackColor="LimeGreen">
<table>
<tr><td id="RoundedCorner">Rounded Corner Rectangle:<asp:TextBox ID="TBRoundedCorner" runat="server"></asp:TextBox></td></tr>
</table>
</asp:Panel>
<Ajax:RoundedCornersExtender ID="RoundedCornersExtender1" runat="server" TargetControlID="pnlRoundedCorner" Radius="60"></Ajax:RoundedCornersExtender>
</div>
AjaxEnabled website web.config:
<?xml version="1.0"?>
<configuration>
<configSections>
<sectionGroup name="microsoft.web" type="Microsoft.Web.Configuration.MicrosoftWebSectionGroup, Microsoft.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35">
<sectionGroup name="scripting" type="Microsoft.Web.Configuration.ScriptingSectionGroup, Microsoft.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35">
<sectionGroup name="webServices" type="Microsoft.Web.Configuration.ScriptingWebServicesSectionGroup, Microsoft.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35">
<section name="jsonSerialization" type="Microsoft.Web.Configuration.ScriptingJsonSerializationSection, Microsoft.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" requirePermission="false"/>
<section name="profileService" type="Microsoft.Web.Configuration.ScriptingProfileServiceSection, Microsoft.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" requirePermission="false"/>
<section name="authenticationService" type="Microsoft.Web.Configuration.ScriptingAuthenticationServiceSection, Microsoft.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" requirePermission="false"/>
</sectionGroup>
</sectionGroup>
</sectionGroup>
</configSections>
<connectionStrings>
<add name="AspForumsConnection" connectionString="Data Source=.;Initial Catalog=Performancing;UID=sa;PWD=Infy_1001"
providerName="System.Data.SqlClient" />
<add name="ProductConnectionString" connectionString="Data Source=.\SQLEXPRESS;AttachDbFilename=|DataDirectory|\Product.mdf;Integrated Security=True;User Instance=True"
providerName="System.Data.SqlClient" />
</connectionStrings>
<system.web>
<pages>
<controls>
<add tagPrefix="asp" namespace="Microsoft.Web.UI" assembly="Microsoft.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
<add tagPrefix="asp" namespace="Microsoft.Web.UI.Controls" assembly="Microsoft.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
</controls>
<tagMapping>
<add tagType="System.Web.UI.WebControls.CompareValidator" mappedTagType="Microsoft.Web.UI.Compatibility.CompareValidator, Microsoft.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
<add tagType="System.Web.UI.WebControls.CustomValidator" mappedTagType="Microsoft.Web.UI.Compatibility.CustomValidator, Microsoft.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
<add tagType="System.Web.UI.WebControls.RangeValidator" mappedTagType="Microsoft.Web.UI.Compatibility.RangeValidator, Microsoft.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
<add tagType="System.Web.UI.WebControls.RegularExpressionValidator" mappedTagType="Microsoft.Web.UI.Compatibility.RegularExpressionValidator, Microsoft.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
<add tagType="System.Web.UI.WebControls.RequiredFieldValidator" mappedTagType="Microsoft.Web.UI.Compatibility.RequiredFieldValidator, Microsoft.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
<add tagType="System.Web.UI.WebControls.ValidationSummary" mappedTagType="Microsoft.Web.UI.Compatibility.ValidationSummary, Microsoft.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
</tagMapping>
</pages>
<!--
Set compilation debug="true" to insert debugging
symbols into the compiled page. Because this
affects performance, set this value to true only
during development.
-->
<compilation debug="true">
<assemblies>
<add assembly="Microsoft.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
<add assembly="System.Design, Version=2.0.0.0, Culture=neutral, PublicKeyToken=B03F5F7F11D50A3A"/></assemblies>
</compilation>
<httpHandlers>
<remove verb="*" path="*.asmx"/>
<add verb="*" path="*.asmx" validate="false" type="Microsoft.Web.Script.Services.ScriptHandlerFactory, Microsoft.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
<add verb="GET" path="ScriptResource.axd" type="Microsoft.Web.Handlers.ScriptResourceHandler" validate="false"/>
</httpHandlers>
<httpModules>
<add name="WebResourceCompression" type="Microsoft.Web.Handlers.WebResourceCompressionModule, Microsoft.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
<add name="ScriptModule" type="Microsoft.Web.UI.ScriptModule, Microsoft.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
<add name="MagicAjax" type="MagicAjax.MagicAjaxModule, MagicAjax" />
</httpModules>
<!--<sessionState mode="StateServer" stateConnectionString="tcpip=127.0.0.1:42424" timeout="1" cookieName="PHPSESS_ID@.PLANETRE" cookieless="UseCookies"/>-->
</system.web>
<system.webServer>
<validation validateIntegratedModeConfiguration="false"/>
<modules>
<add name="ScriptModule" preCondition="integratedMode" type="Microsoft.Web.UI.ScriptModule, Microsoft.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
</modules>
<handlers>
<remove name="WebServiceHandlerFactory-ISAPI-2.0"/>
<add name="ScriptHandlerFactory" verb="*" path="*.asmx" preCondition="integratedMode" type="Microsoft.Web.Script.Services.ScriptHandlerFactory, Microsoft.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
<add name="ScriptResource" verb="GET" path="ScriptResource.axd" type="Microsoft.Web.Handlers.ScriptResourceHandler"/>
</handlers>
</system.webServer>
</configuration>
Besides,try to set "Fit to Width" in Opera,otherwise maybe you will get the inorder web controls in a web page.
Can you post some codes here?Let me try to test it and check what's the result.
Wish the above can help you.

rounded corners on Collapsible Panel

Is it possible to have rounded corners on a collapsible panel?

I just tried to do so and the corners are not rounded and I lose a border off one of my panels. If I remove the rounded corners the border is fine again.

Hi,

May be you can wrap the collapsible in a Panel, and have RoundedCorner on it.

Please try it, and feel free to let me know if there is any problem.

Rounded Corners not working with a collapsible panel

Is there a trick to getting the rounded corners extender to work on a panel which is also being extended by the collapsible panel extender? I have set "Track Position" to True, but it does not seem to track the panel properly when it is expanded. The same is true of the Drop Shadow extender. If I turn off the corner rounding, the drop shadow works fine, but when I enable it, the results are unpredictable. I belive this is a bug in the rounded corners extender, but I don't know for sure. I don't really know enough about these controls to fix them - can anybody offer a suggestion?

Jon

I would agree that the ajax rounded corners extenders are at least buggy, if not down right a big waste of time. They make gridviews invisible, work inconsistantly, and if you put a gridview in a panel it is also useless.

I give up. I will format the rounded corners the old fashioned way.

Well, apparently this wasn't fixed by v.10606, as I'm experiencing some very odd behavior with the rounded corners extender used in conjunction with the collapsible panel extender.

I have a collapsible panel extender on a content panel and the header panel has a rounded corners extender. At run time the page loads with the header corners rounded and the content panel is collapsed as it should be. When I click on the header panel to expand the content panel, it expands properly. But when I click on the header again to collapse the content panel, it (the content panel) closes and thenreopens immediately. The text set for the collapsed state of the content panel doesn't show when it closes momentarily, either.

Simply commenting out the rounded corners extender returns the collapsible panel to its normal behavior.

I'm wondering if it has anything to do with some height settings I have set for the panels - could there be a conflict with some inherent size value for the panels between the rounded corners and collapsible panels extenders?

Anyone else run into this and/or a fix?

Thanks!

RoundedCorners

Let's have a panel with rounded corners:

Panel panel1 = new Panel();
panel1.ID = "panel1";
panel1.CssClass = "panel1";
panel1.Controls.Add(new LiteralControl("hello"));
Controls.Add(panel1);
AjaxControlToolkit.RoundedCornersExtender rcex = new AjaxControlToolkit.RoundedCornersExtender();
rcex.TargetControlID = panel1.ID;
Controls.Add(rcex);

css:

.panel1 { background-color : Lime; }

This works fine, until i set a radius:

rcex.Radius = 10;

Now the panel changes it's background-color to transparent after page loads completly. This color change magically disappears when i set a style related property on panel, for example

panel1.BorderStyle = BorderStyle.None;

This happens also with:

HtmlGenericControl panel1 = new HtmlGenericControl("div");
panel1.ID = "panel1";
panel1.Attributes["class"] = "panel1";
panel1.InnerText = "hello";
panel1.Style["border-style"] = "none"; // workaround?

The Question: What's going on?

This sounds like a bug. Could you please enter the issue athttp://www.codeplex.com/AtlasControlToolkit/WorkItem/List.aspx?

Thanks!

RoundedCorners not working correctly in IE7.0 Beta

RoundedCorners not working correctly in IE7.0 Beta - The corners are not working as in IE6.0 - In IE7 the cormers appear in the wrong location - it seems the width is not being interpreted correctly i.e. to small

We're using IE7 internally and have tested in IE6, IE7, FireFox, and Safari. Can you post a repro of what you're seeing?
The simplist way to show you what is happening is to send you an image - the forum doesn't seem to allow images, so is there an email address I could send it to?
Yes but the image won't help us repro/debug it. The best thing is to just paste in your HTML from your ASPX page.

I think I understand the problem now it a problem if the panel has say a table inside itself and the contents get bigger than the original size of the panel - The coners get left behind and the corners do not update to suit this new expand size.