Changing the background div color set by FormDecorator

[Adam]

I am using the FormDecorator to set the color of the div elements on my webpage.  I have noticed that only 3 or 4 of the builtin skins decorate the div.  How can I change the background color of the "Zone" or "Fieldset" elements that FormDecorator is decorating.  I know how to use the Visual Style Builder, but I cannot figure out how the change the 2 elements using the tool.

[Martin]

Hi Adam,

There is a special CSS class that controls the background color of the decorated zone or respectively to the entire page with RadFormDecorator - it is RadForm_SkiName.rfdZone, i.e:

.RadForm_SkinName.rfdZone
{
    background-color: #292929;
    color: white;
}

You may use that selector to set the fore or back color that you like, and actually to add any custom properties and values to it.

The case with the fieldsets is slightly different - to style its background we actually use a large (2000  x 2000 pixels) non-repeatable image. Unfortunately, due to poor background color support for fieldsets in IE, combined with the rounded corners we actually had to stick to background image, rather than to normal color values. In order to change the background of a fieldset, you need to actually create a new background image and apply it, as we have done in our skins, i.e:

.RadForm_SkinName.rfdFieldset fieldset
{ 
 border: solid 1px #080808;
 background-image: url('FormDecorator/FieldsetBgr.png');
}

Have a great weekend,
Martin Ivanov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.