ie6 FieldSet background color

2 posts, 0 answers
  1. Adam Pehas
    Adam Pehas avatar
    4 posts
    Member since:
    Jul 2012

    Posted 11 Aug 2010 Link to this post

    We are using the form decorator with the web20 skin.  The issue that we are having is that in ie6 when we use a field set the background color is a light blue color.  We would like it to be white.  In all other browsers except IE 6 it is white.   The following is our CSS related to field sets.  We have the style class of the fieldset set to fullHeightfieldSet. 

    When the webpage is loading it looks like it at frist respects our background color.  Then it gets overlaid with the light blue color

    An image is attached to this thread that shows the light blue background.

    Thanks for any help !

    .rfdFieldset fieldset
    {
        background-color: white;
        background-image: none;
    }
     
    .RadForm_Web20 legend, .RadForm_Web20 fieldset.rfdFieldset legend
    {
        background-color: white;
        background-image: none;
    }
     
    .RadForm_Web20.rfdFieldset fieldset
    {
        background-color: lime;
        background-image: none;
    }
      
    .fullHeightfieldSet
    {
        margin: 5px;
        padding: 5px;
        background-color: white;
        background-image: none;
    }
  2.
  3. Bozhidar
    Admin
    Bozhidar avatar
    693 posts

    Posted 12 Aug 2010 Link to this post

    Hello Adam,

    To fix the background color for Web20 skin in version Q2 2009, you should use the following CSS in the head section of your document (marked in yellow):

    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <head id="Head1" runat="server">
        <title>Padding</title>
        <style type="text/css">
            fieldset
            {
                width: 400px;
                height: 400px;
            }
            /*Fixes background color in IE6 for Web20 Skin*/
            .RadForm_Web20.rfdFieldset table.rfdRoundedWrapper_fieldset fieldset,
            .RadForm_Web20.rfdFieldset fieldset.rfdFieldset
                {  
                    background-image: none !important;
                }
            /*Fixes buttons text color in IE6 for Web20 Skin*/
            *html .RadForm_Web20 a.rfdSkinnedButton,
            *html .RadForm_Web20 .rfdSkinnedButton button,
            *html .RadForm_Web20 .rfdSkinnedButton input.rfdDecorated,
            .RadForm_Web20.rfdButton a.rfdSkinnedButton,
            .RadForm_Web20.rfdButton a.rfdSkinnedButton *
                {
                    color: #fff;
                }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        </telerik:RadScriptManager>
        <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All"
            Skin="Web20" />
        <div style="width: 400px;">
            <fieldset>
            <legend>White BGR for IE6</legend>
                <asp:Button ID="Button1" runat="server" Text="Rechercher" ValidationGroup="Groupe1" />
                <asp:Button ID="Button2" runat="server" Text="Effacer" CausesValidation="false" />
            </fieldset>
        </div>
        </form>
    </body>
    </html>

    I have also fixed the buttons text-color to be white instead black, the code is marked in orange. In the latest version of Telerik AJAX RadContorls Q2 2010, this problem does not exist.

    Attached is fieldsetie6.gif showing the result from the above code in the browser.

    Regards,
    Bojo
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Back to Top