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

ie6 FieldSet background color

1 Answer 106 Views

FormDecorator

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

Adam Pehas asked on 11 Aug 2010, 08:54 PM

fieldset.JPG

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

answered on 12 Aug 2010, 08:50 AM

fieldsetie6.gif

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">

<html xmlns="http://www.w3.org/1999/xhtml">

<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