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
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
3 Answers, 1 is accepted
0
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.
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.
0

Stefan Buys
Top achievements
Rank 2
answered on 11 Nov 2010, 03:32 PM
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:
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
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
0
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
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.