Fieldset issue

[Sampada]

Team,

I am using radFormDecorator(Dll V2012.1.411.40) and vista skin in application.

I have included tree control having 1000 nodes in field set.

In this scenario I am facing following issues

1. Whenever tree is expanded the field set is getting cut off in between the tree only border get displayed.
2. When I collapse expanded tree the field set should also get collapse but it shows some border.

This 1st issue I have seen on IE8, FF,Chrome.

This 2nd issue I have seen only on IE8.

I have attached the screenshot for each.

Please help me out for this issue.

Thanks in advance

 

[Bozhidar]

Hello,

Thank you for contacting us. The first issue is related to the fact that a background image is used to colorize the fieldset background, and when the content is higher than the image size it start to show white color, or the default page background color. This could be fixed with the following CSS code for the Vista skin:

<style type="text/css">
        fieldset.rfdRoundedCorners
        {
            background-color: #f0f0f0;
        }
</style>

The second problem is related with the fact that IE6, 7, 8 does not support rounded corners, and when to simulate it in these older browsers, we have different HTML rendering for them, so an additional table is wrapped around the fieldset element to mimic rounded corners. A possible solution is to remove the rounded corners for IE6, 7 and 8, so the additional table to disappear form the rendered code, and everything will work as expected. Of course, the rounded corners will be lost for IE 6, 7 and 8, but will be there in all other modern browsers. You should put the following in the code behind:

public partial class StrangeDecoratedControls : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        //Check for Internet Explorer, versions 6,7 and 8
        if (Request.Browser.Type.ToUpper().Contains("IE") && Request.Browser.MajorVersion < 9)
        {
            rfd1.EnableRoundedCorners = false;
        }
    }
}

Attached is fixedCollpasableFSinIE8.zip containing a fully working example with all fixes provided above.

All the best,
Bozhidar
the Telerik team

[Sampada]

Thanks for reply
2nd issue got resolve by your resolution.
For first issue that style is not working
I have resolve it by setting following style sheet.

fieldset

{

 

 

background-repeat:repeat-y !important;

 

}