Adam Pehas
Top achievements
Rank 1
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
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 !
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
0
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):
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
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