Resize animation with RoundedCorners

I have

<div id="div2" runat="server" style='width: 300px; height: 200px; background-color: teal; position: absolute;'>

and

<cc2:RoundedCornersExtender ID="RoundedCornersExtender1" runat="server">
<cc2:RoundedCornersProperties Radius="10" TargetControlID="div2"></cc2:RoundedCornersProperties>
</cc2:RoundedCornersExtender>

and

<cc2:AnimationProperties TargetControlID="div1">
<Animations><OnHoverOver>
<Resize AnimationTarget="div2" Width="500" Height="400" />
</OnHoverOver></Animations>
</cc2:AnimationProperties>

and when i hover over div1... only width changes. A bug?

Hi MarekG,

This is a consequence of the way that RoundedCorners works. It will wrap your target control in another div and set the height of the new div to be the same. If the inner height changes it won't propogate to the containing wrapper (i.e. you're resizing the wrapped control, but it's overflow is hidden by its wrapper so you see nothing happen).

Right now there isn't a way to work around this - but I hope to make some modifications to the Animation framework on the next release that will allow you to side step the issue.

Thanks,
Ted

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.

roundedcorners display in firefox

i was under the impression that the extenders such as roundedcorners and dropshadow were all cross-browser compatible, but if you take a look at this page in IE and Firefox you will see the Firefox rendering is a little bit off the mark -http://www.accessor-wiis.com

i am implementing the appearance using two panels. the first panel (the external panel) has it's background color specified while the internal panel has a white background. here is some of the relevant code:

skin file:
<asp:Panelrunat="server"SkinId="RoundedCornersOuterPanel"Style="background-color: #4F82CB; width: 97%; text-align: center;"></asp:Panel>
<asp:Panelrunat="server"SkinId="RoundedCornersInnerPanel"Style="text-align: left; width: 95%; background-color: White; margin-top: 7px; margin-bottom: 7px; padding: 5px;"></asp:Panel>

user control:
<asp:PanelID="AccessoriesRoundedCornersPanel"runat="server"SkinID="RoundedCornersOuterPanel">
<asp:PanelID="AccessoriesInnerPanel"runat="server"SkinID="RoundedCornersInnerPanel">
<asp:DataListID="ItemsEndingNowDataList"runat="server"OnItemDataBound="ItemsEndingNowDataList_ItemDataBound"Width="95%">
<ItemTemplate>
<asp:ImageID="ItemImage"runat="server"ImageAlign="right"CssClass="float-right"/>
<asp:LabelID="CurrentPriceLabel"runat="server"CssClass="biggreen"/><br/>
<asp:LabelID="ItemTitleLabel"runat="server"/>
<br/>
<asp:HyperLinkID="BuyNowHyperLink"Target="_blank"runat="server"Text="Buy Now!"/>
</ItemTemplate>
</asp:DataList>
</asp:Panel>
</asp:Panel>
<ajaxToolkit:RoundedCornersExtenderID="AccesoriesRoundedCornersExtender"runat="server"Corners="All"Radius="3"TargetControlID="AccessoriesRoundedCornersPanel">
</ajaxToolkit:RoundedCornersExtender>

thanks in advance for any thoughts

Look at this article to help you out:

http://mattberseth.com/blog/2007/11/antialiased_rounded_corners_wi.html

Hope this helps =)

RoundedCorners Control and Rounding Outward

Hi all,

I just recently saw that the latest toolkit (1.0.10301) supposedly implemented the Outward rounding (per work item 5611 and changeset 17333). I've downloaded it checked it out and I can't see any changes. Did they actually make it in? And if so, how do I access them so that I can access the inward and outward rounding on corners? Did I just miss it somewhere? Any help would be greatly appreciated. Thanks.

Cheers,

Gunner

So anyone looking at this or have an answer to this? Is this located somewhere and I missed it on search or something?

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 used with other controls

Has anyone had any luck in using the RoundedCorners control with any other controls, such as HoverMenu, Popup, etc?

PopupControl calendar in ajax beta 2 toolkit:

<asp:Panel ID="Panel1" runat="server" CssClass="popupControl"> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <center> <asp:Panel ID="Panelx" runat="server" Width="160px" CssClass="xroundedPanel"> <asp:Calendar ID="Calendar1" runat="server" BackColor="White" BorderColor="#999999" CellPadding="1" DayNameFormat="Shortest" Font-Names="Verdana" Font-Size="8pt" ForeColor="Black" Width="160px" OnSelectionChanged="Calendar1_SelectionChanged"> <SelectedDayStyle BackColor="#666666" Font-Bold="True" ForeColor="White" /> <TodayDayStyle BackColor="#CCCCCC" ForeColor="Black" /> <SelectorStyle BackColor="#CCCCCC" /> <WeekendDayStyle BackColor="#FFFFCC" /> <OtherMonthDayStyle ForeColor="#808080" /> <NextPrevStyle VerticalAlign="Bottom" /> <DayHeaderStyle BackColor="#CCCCCC" Font-Bold="True" Font-Size="7pt" /> <TitleStyle BackColor="#999999" Font-Size="7pt" BorderColor="Black" Font-Bold="True" /> </asp:Calendar> </asp:Panel> </center> <ajaxToolkit:RoundedCornersExtender ID="RoundedCornersExtender1" BehaviorID="RoundedCornersBehavior1" runat="server" TargetControlID="Panelx" Radius="4" /> </ContentTemplate> </asp:UpdatePanel> </asp:Panel>

StyleSheetcss:

/* Rounded Corners*/.xroundedPanel{width:160px;background-color:#999999;}.roundedPanel{width:300px;background-color:#5377A9;color:white;font-weight:bold;}

PopupControl reminder message in ajax beta 2 toolkit:

StyleSheet.css:

/*Popup Control*/.ypopupControl{background:transparent;position:absolute;visibility:hidden;}.popupControl{background-color:White;position:absolute;visibility:hidden;}/* Rounded Corners*/.yroundedPanel{width:200px;background-color:#849EC0;}.xroundedPanel{width:160px;background-color:#999999;}.roundedPanel{width:300px;background-color:#5377A9;color:white;font-weight:bold;}

PopupControl.aspx:

<asp:Panel ID="Panel2" runat="server" CssClass="ypopupControl"> <div style="border:0px outset white; width:200px; font-weight: bold;"> <asp:UpdatePanel ID="UpdatePanel2" runat="server"> <ContentTemplate> <asp:Panel ID="Panely" runat="server" Width="200px" CssClass="yroundedPanel"> <asp:RadioButtonList ID="RadioButtonList1" runat="server" OnSelectedIndexChanged="RadioButtonList1_SelectedIndexChanged" AutoPostBack="true"> <asp:ListItem Text=" Walk dog"></asp:ListItem> <asp:ListItem Text=" Feed dog"></asp:ListItem> <asp:ListItem Text=" Feed cat"></asp:ListItem> <asp:ListItem Text=" Feed fish"></asp:ListItem> <asp:ListItem Text=" Cancel" Value=""></asp:ListItem> </asp:RadioButtonList> </asp:Panel> <ajaxToolkit:RoundedCornersExtender ID="RoundedCornersExtender2" BehaviorID="RoundedCornersBehavior1" runat="server" TargetControlID="Panely" Radius="8" /> </ContentTemplate> </asp:UpdatePanel> </div> </asp:Panel>

Rounded Corners applied to Hovermenu Demonstration in ajax beta 2 toolkit.

In this example, the rightmost Update/Cancel hover has rounded corners.

So far, a design/coding issue results in an unsatisfactory solution for the leftmost Edit/Delete hover. To be taken-up in a different thread.

StyleSheet.css:

 
/*Hover Menu*/.popupMenua {/*for roundedcorners-hovermenu demo*/position:absolute;visibility:hidden;background-color:red;background:transparent;/*hide corners*/opacity:.9;filter: alpha(opacity=90);}.popupMenu {position:absolute;visibility:hidden;background-color:#F5F7F8;opacity:.9;filter: alpha(opacity=90);}.popupHover { position:relative;/*fix IE cold-spot between hover & grid*/background-image:url(images/header-opened.png);background-repeat:repeat-x;background-position:left top;background-color:#F5F7F8;}/* Rounded Corners*/.ahovermenuroundedPanel/*for roundedcorners-hovermenu demo*/{width:80px;background-color:orange;/*for demo clarity*/}
 

HoverMenu.aspx:

<asp:UpdatePanel ID="up1" runat="server"> <ContentTemplate> <asp:GridView BackColor="Azure" GridLines="None" ShowHeader="False" Width="100%" ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="ItemID" DataSourceID="ObjectDataSource1"> <Columns> <asp:TemplateField> <EditItemTemplate> <asp:Panel ID="Panel9a" runat="server" Width="80%"> <table width="100%"> <tr> <td width="30%">Title:<br /><asp:TextBox Font-Bold="true" ID="TextBox1" runat="server" Text='<%# Bind("Title")%>' Width="100"></asp:TextBox></td> <td width="55%">Desc:<br /><asp:TextBox ID="TextBox2" runat="server" Text='<%# Bind("Description")%>' Width="150"></asp:TextBox></td> <td width="15%">Pri:<br /><asp:TextBox ID="TextBox3" runat="server" Text='<%# Bind("Priority")%>' Width="40"></asp:TextBox></td> </tr> </table> </asp:Panel> <ajaxToolkit:HoverMenuExtender ID="hme1" runat="Server" TargetControlID="Panel9a" PopupControlID="PopupMenu" HoverCssClass="popupHover" PopupPosition="Right"> </ajaxToolkit:HoverMenuExtender><!--added closing tag to be consistent with hme2 below--> <asp:Panel ID="PopupMenu" runat="server" Width="80" CssClass="popupMenua"><!--modified styling--> <asp:Panel ID="RoundedCornersPanela" runat="server" Width="80px" CssClass="ahovermenuroundedPanel"><!--added panel--> <div style="text-align: center;"> <asp:LinkButton ID="LinkButton1" runat="server" CausesValidation="True" CommandName="Update" Text="Update"> </asp:LinkButton> <br /> <asp:LinkButton ID="LinkButton2" runat="server" CausesValidation="False" CommandName="Cancel" Text="Cancel"> </asp:LinkButton> </div> </asp:Panel><!--RoundedCornersPanela--> </asp:Panel><!--PopupMenu--> <ajaxToolkit:RoundedCornersExtender ID="RoundedCornersExtender1a" BehaviorID="RoundedCornersBehavior1" runat="server" TargetControlID="RoundedCornersPanela" Radius="6" /><!--added extender--> </EditItemTemplate> <ItemTemplate> <asp:Panel ID="PopupMenuED" runat="server" Width="80" CssClass="popupMenua"><!--modified styling--> <div> <asp:Panel ID="RoundedCornersEDPanel" runat="server" Width="80px" CssClass="ahovermenuroundedPanel"><!--added panel--> <div style="text-align: center;"> <div> <asp:LinkButton ID="LinkButton1" runat="server" CommandName="Edit" Text="Edit"> </asp:LinkButton> </div> <div> <asp:LinkButton ID="LinkButton2" runat="server" CommandName="Delete" Text="Delete"> </asp:LinkButton> </div> </div> </asp:Panel><!--ID="RoundedCornersEDPanel"--> </div> </asp:Panel><!--ID="PopupMenuED"--> <!--RoundedCornersExtender1b placeholder--> <asp:Panel ID="Panel9b" runat="server"> <table width="100%"> <tr> <td width="25%"><asp:Label Font-Bold="true" ID="Label1" runat="server" Text='<%# HttpUtility.HtmlEncode(Convert.ToString(Eval("Title")))%>'></asp:Label></td> <td width="50%"><asp:Label ID="Label2" runat="server" Text='<%# HttpUtility.HtmlEncode(Convert.ToString(Eval("Description")))%>'></asp:Label></td> <td width="25%"><asp:Label ID="Label3" runat="server" Text='<%# Eval("Priority")%>'></asp:Label></td> </tr> </table> </asp:Panel> <ajaxToolkit:HoverMenuExtender ID="hme2" runat="Server" HoverCssClass="popupHover" PopupControlID="PopupMenuED" PopupPosition="Left" TargetControlID="Panel9b" PopDelay="25"> </ajaxToolkit:HoverMenuExtender> </ItemTemplate> </asp:TemplateField> </Columns> </asp:GridView> <asp:ObjectDataSource ID="ObjectDataSource1" runat="server" DeleteMethod="Delete" InsertMethod="Insert" OldValuesParameterFormatString="original_{0}" SelectMethod="Select" TypeName="SessionTodoXmlDataObject" UpdateMethod="Update"> <DeleteParameters> <asp:Parameter Name="Original_ItemID" Type="Int32" /> </DeleteParameters> <UpdateParameters> <asp:Parameter Name="Title" Type="String" /> <asp:Parameter Name="Description" Type="String" /> <asp:Parameter Name="Priority" Type="Int32" /> <asp:Parameter Name="Original_ItemID" Type="Int32" /> </UpdateParameters> <InsertParameters> <asp:Parameter Name="Title" Type="String" /> <asp:Parameter Name="Description" Type="String" /> <asp:Parameter Name="Priority" Type="Int32" /> </InsertParameters> </asp:ObjectDataSource></ContentTemplate></asp:UpdatePanel>

AlwaysVisibleControl ajax beta 2 toolkit:

<asp:UpdatePanel ID="update" runat="server"> <ContentTemplate> <div style="width:230px;height:100px;"> <asp:Panel ID="timer" runat="server" Width="220px" BackColor="White" ForeColor="DarkBlue" BorderWidth="0" BorderStyle="solid" BorderColor="DarkBlue" style="z-index: 1;"> <div style="width: 100%; height: 100%; vertical-align: middle; text-align: center;"><p>Current Time:</p><span id="currentTime" runat="server" style="font-size:xx-large;font-weight:bold;line-height:40px;"/></div> </asp:Panel> <ajaxToolkit:AlwaysVisibleControlExtender ID="avce" runat="server" TargetControlID="timer" VerticalSide="Top" VerticalOffset="10" HorizontalSide="Right" HorizontalOffset="10" ScrollEffectDuration=".1" /> <ajaxToolkit:RoundedCornersExtender ID="RoundedCornersExtender1" BehaviorID="RoundedCornersBehavior1" runat="server" TargetControlID="timer" Radius="14" /> </div>

Quick question for you - your posting example code - but are you getting errors? Fiddler would be able to provide some additional input - so can you provide some additional info. I tried rounded corners with some other controls myself and all I got some explicit errors that I annotated...http://forums.asp.net/thread/1440377.aspx(I never bothered to bug report it as I simply got tired of posting in so many places and never seem to get the issues addressed or they dissapear ...)

What exactly is the description of the problems in the examples...

Thanks - the description of the problem is: Has anyone had any luck in using the RoundedCorners control with any other controls, such as HoverMenu, Popup, etc?

Answer - yes, if you tinker with various toolkit samples, applying the RoundedCorners extender works just fine.

Datagrid in ajax toolkit beta 2 HoverMenu sample

<asp:UpdatePanel ID="up1" runat="server"> <ContentTemplate> <asp:Panel ID="RoundedGrid" runat="server" Width="100%" CssClass="ahovermenuroundedPanel"><!--added panel--> <ajaxToolkit:RoundedCornersExtender ID="RoundedCornersExtender1" BehaviorID="RoundedCornersBehavior1" runat="server" TargetControlID="RoundedGrid" Radius="13"/><!--added extender--> <asp:GridView BackColor="orange" GridLines="None" ShowHeader="False" Width="100%" ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="ItemID" DataSourceID="ObjectDataSource1">

StyleSheet.css

/* Rounded Corners*/.ahovermenuroundedPanel/*for roundedcorners-hovermenu demo*/{width:80px;background-color:orange;/*for demo clarity*/}

Here's what I tried. And got a quirky behavior. I tried to use RoundedCorners with a TextBox control. Since there is no restriction on what type of control it can extend I thought it would be interesting to see how it behaved if used with a text box.

Well it did not round the corners of the text box but somehow when I put my mouse over the text box I got a crosshair cursor the one you get when you are over a draggable item. If i clicked the textbox it selected the textbox like in the design view in VS. With extension points at the corners and the middle of the sides. I could then put the mouse on one of those points and the cursor would change to a "resize" cursor and I could actually drag the mouse and see an outlined shape being resized though the text box was not being resized. Very peculiar indeed. I wasn't using a Master Page but I had two RoundedCornerExtenders on the page one for a normal Panel control and the other for the TextBox.

The question is can anyone else reproduce the behavior and if they can then I suppose its a bug. Maybe there should be a way to specify in an extender what type of controls it DOESN'T support, so that when you try to assign the TargetControlID to a control that is not supported then a validation message can appear at design time warning the user that the type is not supported. I will work on changing the RoundedCornersExtender control to add that functionality for the types of controls that I know it doesn't work with.

If you have any other .NET server controls you found that it does not work with then let me know.

Thanks

I intepreted the question like Silver did. Which is can you use the RoundedControlExtender with other controls like GridView, Textbox, checkbox. What I mean by that is can you set the TargetControlID of the RoundedCornersExtender to an ID of a control of type Textbox or GridView or Checkbox? The thing is in ALL the examples shown above in this chain the extender is used to extend the Panel. If a Panel is the only thing that can be extended with this extender then why not restrict it to a panel like the Textboxwatermark extender is restricted to controls of type TextBox only or ConfirmButton Extender is restricted to controls of type Button only??

Thanks

I too would very much like the roundercorners to works with the gridview control. Right now I'm trying to put my gridview in a panel with rounded corners but the panel doesn't seem to want to auto-resize with the gridview, so i'm having some issues there.

roundedcorners postback flicker

Hey guys.

I have a formview within a panel. Everything works great and when adding a post the screen wont flicker and the post is viewable in the panel immediately.

I recently tried to apply an ajax roundedcorners tool on the panel and it works but the screen flickers at every postback. Is there a way around this?

Could you post some sample code that reproduces the issue? I tried it out but perhaps I am missing something.

<asp:ScriptManagerrunat="server"></asp:ScriptManager><asp:PanelID="Panel1"runat="server"Width="330px"BackColor="Blue"><asp:FormViewrunat="server"ID="EmployeeFormView"AllowPaging="True"DataSourceID="ObjectDataSource1"></asp:FormView><asp:ObjectDataSourceID="ObjectDataSource1"runat="server"DeleteMethod="Delete"InsertMethod="Insert"OldValuesParameterFormatString="original_{0}"SelectMethod="Select"TypeName="SessionTodoXmlDataObject"UpdateMethod="Update"><DeleteParameters><asp:ParameterName="Original_ItemID"Type="Int32"/></DeleteParameters><UpdateParameters><asp:ParameterName="Title"Type="String"/><asp:ParameterName="Description"Type="String"/><asp:ParameterName="Priority"Type="Int32"/><asp:ParameterName="Original_ItemID"Type="Int32"/></UpdateParameters><InsertParameters><asp:ParameterName="Title"Type="String"/><asp:ParameterName="Description"Type="String"/><asp:ParameterName="Priority"Type="Int32"/></InsertParameters></asp:ObjectDataSource></asp:Panel><cc1:RoundedCornersExtenderID="RoundedCornersExtender1"runat="server"BehaviorID="RoundedCornersBehavior1"TargetControlID="Panel1"Radius="10"Corners="All"/><asp:Buttonrunat="Server"Text="Postback"/>

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.

RoundedCorners not displaying vertical border

I have the following code for RoundedCorners.
<asp:Panel ID="Panel1" runat="server" Height="50px" Width="500px" >
<div style="padding:10px;text-align:center">
<div style="padding:5px; border:solid black thin;background-color:#B4B4B4;">
ggggggggggggggggggggggggggggg
</div>
</div>
</asp:Panel>
<cc1:RoundedCornersExtender ID="RoundedCornersExtender1" runat="server">
<cc1:RoundedCornersProperties TargetControlID="Panel1" Radius=2 Color="red" />
</cc1:RoundedCornersExtender
This only shows me horizontal border but not the vertical border. It shows me top and bottom border in red. Not left and right. What am I doing wrong?I'm not exactly sure what you mean, but I think you get the borders by replacing the first div tag with:

<div style="padding:10px;text-align:center;border-left:solid 1px red;border-right:solid 1px red"
I did that. It works. Thx. However, there is a gap between bottom horizontal line and left and right vertical lines

RoundedCorners Help

Great set of controls.. I refuse to develop AJAX in any other language!!..

Just one small problem, i have a panel that i want to use for messages, error or success, it will have diferent colours for each, red and orange i'm trying to implement it so that i only need to change the CSSClass of the panel, without touching the extender, i like to separate styling from code, but the corners are not picking up the colour of the panel! This is what i've got

 <asp:Panel ID="InfoPanel" runat="server" CssClass="info-panel-default" Visible="False"> <div> Success: Information submitted successfully. </div> </asp:Panel> <ajaxToolkit:RoundedCornersExtender ID="RoundedCornersExtender1" runat="server" Radius="3" TargetControlID="InfoPanel"> </ajaxToolkit:RoundedCornersExtender>

the CSS:

.info-panel-default {background-color:#fad163;width:300px; margin:0 auto; font-size:12px;text-align:center;font-weight:bold;padding:3px;}.info-panel-default div{background-color:#fad163;}

Any help much appreciated...

RoundedCorners looks at the color of the TargetControlID when it initializes and then uses that color to create the rounded elements. Have a look at its set_Color function for a way to change the color via script at a later time.