Hopefully, somebody may be able to tell me if I'm doing something wrong here.
All I'm trying to do is make a panel sit inside of another panel.
The inner panel must have rounded corners and both panels must resize with the browser window.
Without Atlas RoundedCorners I can say:
<asp:Panel ID="OuterPanel" runat="server" BorderColor="Black" BorderStyle="Solid" BorderWidth="1px" BackColor="blue"
Style="left: 5%; top: 5%; position: relative" Height="90%" Width="90%">
<asp:Panel ID="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:scriptmanager id="ScriptManager1" runat="server"/>
<cc2:roundedcornersextender id="RoundedCornersExtender1" runat="server">
<cc2:RoundedCornersProperties Radius="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 replace Width="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