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

ie6 FieldSet background color

1 Answer 48 Views
FormDecorator
This is a migrated thread and some comments may be shown as answers.
Adam Pehas
Top achievements
Rank 1
Adam Pehas asked on 11 Aug 2010, 08:54 PM
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;
}

1 Answer, 1 is accepted

Sort by
0
Bozhidar
Telerik team
answered on 12 Aug 2010, 08:50 AM
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
Tags
FormDecorator
Asked by
Adam Pehas
Top achievements
Rank 1
Answers by
Bozhidar
Telerik team
Share this question
or