This is a migrated thread and some comments may be shown as answers.

Fieldset issue

2 Answers 90 Views
FormDecorator
This is a migrated thread and some comments may be shown as answers.
Sampada
Top achievements
Rank 1
Sampada asked on 20 Jun 2012, 12:58 PM

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

 

2 Answers, 1 is accepted

Sort by
0
Accepted
Bozhidar
Telerik team
answered on 22 Jun 2012, 08:40 AM
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
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.
0
Sampada
Top achievements
Rank 1
answered on 22 Jun 2012, 09:57 AM
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;

 

}

Tags
FormDecorator
Asked by
Sampada
Top achievements
Rank 1
Answers by
Bozhidar
Telerik team
Sampada
Top achievements
Rank 1
Share this question
or