Fieldset issue

3 posts, 1 answers
  1. Sampada
    Sampada avatar
    44 posts
    Member since:
    Feb 2012

    Posted 20 Jun 2012 Link to this post

    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. Answer
    Bozhidar
    Admin
    Bozhidar avatar
    680 posts

    Posted 22 Jun 2012 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Sampada
    Sampada avatar
    44 posts
    Member since:
    Feb 2012

    Posted 22 Jun 2012 Link to this post

    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;

     

    }

Back to Top