Below is a simple example using a fieldset decorated with the form decorator. If you remove the form decorator, in both FF3 and IE7, the fieldset spans the entire width of the screen. If you include a form decorator on this page, however, IE7 collapses the width of the fieldset to the minimum amount necessary to show the contents. I need the fieldset to render consistently in both browsers.
Something in the formdecorator is causing this to happen. I've duplicated the issue on both the Q3 2008 and Q1 2009 releases. I've tried setpping thru some the ScriptResource.axd calls (where I suspect the fieldset is being resized with javascript) in vs.net, but wasn't able to decipher them. Can someone help me with this?
Thanks,
Zac
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="FieldsetTest.aspx.cs" Inherits="Symbio.Web.FieldsetTest" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!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></title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager runat="server" ID="ScriptManager"></asp:ScriptManager>
<telerik:RadFormDecorator ID="FormDecorator1" runat="server" DecoratedControls="All" Skin="WebBlue"></telerik:RadFormDecorator>
<div>
<fieldset>
<legend>test legend</legend>
test contents
</fieldset>
</div>
</form>
</body>
</html>
Something in the formdecorator is causing this to happen. I've duplicated the issue on both the Q3 2008 and Q1 2009 releases. I've tried setpping thru some the ScriptResource.axd calls (where I suspect the fieldset is being resized with javascript) in vs.net, but wasn't able to decipher them. Can someone help me with this?
Thanks,
Zac
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="FieldsetTest.aspx.cs" Inherits="Symbio.Web.FieldsetTest" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!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></title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager runat="server" ID="ScriptManager"></asp:ScriptManager>
<telerik:RadFormDecorator ID="FormDecorator1" runat="server" DecoratedControls="All" Skin="WebBlue"></telerik:RadFormDecorator>
<div>
<fieldset>
<legend>test legend</legend>
test contents
</fieldset>
</div>
</form>
</body>
</html>
2 Answers, 1 is accepted
0
Hi Zac,
To be able to provide rounded corners for the styled controls, RadFormDecorator needs the width of these controls in pixels. Currently it does not support controls with relative size. In your scenario I would suggest to explicitly set the width of the fieldset (also buttons and textareas on the page) in pixels. As an alternative, you could disable the rounded corners by using EnableRoundedCorners="false".
Sincerely yours,
Georgi Tunev
the Telerik team
Check out Telerik Trainer , the state of the art learning tool for Telerik products.
To be able to provide rounded corners for the styled controls, RadFormDecorator needs the width of these controls in pixels. Currently it does not support controls with relative size. In your scenario I would suggest to explicitly set the width of the fieldset (also buttons and textareas on the page) in pixels. As an alternative, you could disable the rounded corners by using EnableRoundedCorners="false".
Sincerely yours,
Georgi Tunev
the Telerik team
Check out Telerik Trainer , the state of the art learning tool for Telerik products.
0
Matthew
Top achievements
Rank 1
Rank 1
answered on 10 Jul 2009, 02:57 PM
I ran into the same dilemma in IE7, but found a solution.
A simple FieldSet with a width set to 100% would expand the whole width of its container. When the RadFormDecorator was added to the page it only expanded to the width of its children.
How I got around this was to change the DecorationControls attribute from “All” to “Default” and now it works. It does not look as pretty with without all the bells and whistles, but my priority was to be able to have my FieldSets expand the whole width of its container.
Orginal:
<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" />
Solution:
<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="Default" />
Regards,
-matt