Changing the background div color set by FormDecorator

2 posts, 0 answers
  1. Adam
    Adam avatar
    12 posts
    Member since:
    Apr 2007

    Posted 02 Dec 2009 Link to this post

    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.
  2. Martin
    Martin avatar
    585 posts

    Posted 04 Dec 2009 Link to this post

    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:

        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.
Back to Top