IE7 Fieldset Width

3 posts, 0 answers
  1. Zac
    Zac avatar
    4 posts
    Member since:
    Feb 2009

    Posted 06 Apr 2009 Link to this post

    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, but wasn't able to decipher them.  Can someone help me with this?



    <%@ 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" "">

    <html xmlns="" >
    <head runat="server">

        <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>

                <legend>test legend</legend>
                test contents
  2. Georgi Tunev
    Georgi Tunev avatar
    7207 posts

    Posted 07 Apr 2009 Link to this post

    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.
  3. Matthew
    Matthew avatar
    7 posts
    Member since:
    Sep 2008

    Posted 10 Jul 2009 Link to this post

    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.


    <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" />


    <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="Default" />



Back to Top