Fieldset expaning issue

4 posts, 0 answers
  1. Roger
    Roger avatar
    2 posts
    Member since:
    Jun 2009

    Posted 16 Sep 2009 Link to this post

    Hi,
    I'm adding items to a Rad List Box that is placed inside of a fieldset (its actally a Panel with a GroupingText), when items are added the fieldset expands in height.
    The problem is that the right and left hand borders of the decorated fieldset remain the same height (including the rounded corners) and are vertically centered.
    I'm seeing this in IE7 & 8 - FF is ok

    Thanks
  2. Martin
    Admin
    Martin avatar
    585 posts

    Posted 23 Sep 2009 Link to this post

    Hello Roger,

    All browsers except Internet Explorer support the CSS border-radius, which allows to round an element without using any additional markup. This is why the auto resize of the fieldsets work in FF. However, the case with IE is far different - we wrap it in an additional HTML, which requires width and height and at present cannot autosize. This is not a bug with FormDecorator, but rather lack of adequate support for native rounded corners. Unfortunately, at present we cannot provide you with a solution for this.

    All the best,
    Martin Ivanov
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Stefan Buys
    Stefan Buys avatar
    22 posts
    Member since:
    Dec 2009

    Posted 11 Nov 2010 Link to this post

    Hi,

    I am currently experiencing this problem when adding a RadDateTimePicker to a WebForm that sits inside a RadPane on a MasterPage. See my sample extract:

    <asp:Content ID="Content1" ContentPlaceHolderID="cphContent" runat="Server">
        <asp:Panel runat="server" ID="pnlTest" align="center" valign="middle" Height="100%">
            <table border="0" runat="server" id="tblTest" cellpadding="0" cellspacing="0" style="vertical-align: middle;
                height: 100%;">
                <tr>
                    <td align="center">
                        <fieldset>
                            <legend>Select your dates</legend>
                            <table cellpadding="5" border="0">
                                <tr>
                                    <td style="width: 80px;" align="right">
                                        <asp:Label runat="server" ID="lbl1" Text="Date From: " />
                                    </td>
                                    <td>
                                        <telerik:RadTimeView ID="SharedTimeView" runat="server" Width="270px" Height="300px"
                                            Interval="00:10:00" Columns="4" RenderDirection="Vertical" TimeFormat="HH:mm"
                                            ShowHeader="false">
                                        </telerik:RadTimeView>
                                        <telerik:RadDateTimePicker runat="server" ID="dtpFrom" PopupDirection="TopRight"
                                            DateInput-DateFormat="yyyy/MM/dd HH:mm" SharedTimeViewID="SharedTimeView" />
                                    </td>
                                </tr>
                                <tr>
                                    <td style="width: 80px;" align="right">
                                        <asp:Label runat="server" ID="Label1" Text="Date To: " />
                                    </td>
                                    <td>
                                        <telerik:RadDateTimePicker runat="server" ID="dtpTo" PopupDirection="BottomRight"
                                            DateInput-DateFormat="yyyy/MM/dd HH:mm" SharedTimeViewID="SharedTimeView" />
                                    </td>
                                </tr>
                            </table>
                        </fieldset>
                    </td>
                </tr>
            </table>
        </asp:Panel>
    </asp:Content>


    No matter what I try, the first time the page loads, the fieldset renders incorrectly. See image attached for sample. This problem only occurs in IE8, FF3+ works fine. Also, any (even partial) postpack on the page, seems to correct the problem.

    Any assistance will be appreciated.

    Stefan
  5. Bozhidar
    Admin
    Bozhidar avatar
    680 posts

    Posted 17 Nov 2010 Link to this post

    Hi Stefan,

    I have tried to reproduce the issue with your code, but to no avail. Please find project attached: fieldset.zip.

    Could you try do modify it in a way the problem to be reproduced, so we would be able to investigate it further?

    Best wishes,
    Bojo
    the Telerik team
    Explore the entire set of ASP.NET AJAX controls we offer here and browse the myriad online demos to learn more about the components and the features they incorporate.
Back to Top