Change background color for all the controls

[Bing]

What is the easiest way to change the background colors of all the controls to one color, say Green, using the Visual Style Builder? Is there a center place to do so or do I have to change the background color of individual control one by one? Is there a latest demo video to show how to do that?

Thanks!
Elizabeth 

[Galin]

Hi Elizabeth,

Currently the Visual Style Builder does not support this feature, but you can achieve this with the following CSS rule

/* AutoCompleteBox */ html .RadAutoCompleteBox, html .RadAutoCompleteBoxPopup,
/* Button */ html .RadButton,
/* Calendar */ html .RadCalendar,
/* ComboBox */ html .RadComboBox, html .RadComboBoxDropDown,
/* DataForm */ html .RadDataForm,
/* DataPager */ html .RadDataPager,
/* Dock */ html .RadDock,
/* DropDownList */ html .RadDropDownList, .rddtPopup .RadTreeView,
/* DropDownTree */ html .RadDropDownTree, html .rddtPopup,
/* Filter */ html .RadFilter, html .RadMenu,
/* Gantt */ html .RadGantt,
/* Grid */ html .RadGrid,
/* ImageGallery */ html .RadImageGallery,
/* LightBox */ html .RadLightBox,
/* ListBox */ html .RadListBox,
/* Map */ html .RadMap,
/* MediaPlayer */ html .RadMediaPlayer,
/* Menu */ html .RadMenu,
/* Notification */ html .RadNotification,
/* PanelBar */ html .RadPanelBar,
/* ProgressBar */ html .RadProgressBar,
/* Rotator */ html .RadRotator,
/* SearchBox */ html .RadSearchBox, html .rsbPopup,
/* SiteMap */ html .RadSiteMap,
/* Slider */ html .RadSlider,
/* SocialShare */ html .RadSocialShare,
/* TagCloud */ .RadTagCloud,
/* ToolTip */ html .RadToolTip,
/* TreeMap */ html .RadTreeMap,
/* TreeList */ html .RadTreeList,
/* TreeView */ html .RadTreeView,
/* Window */ html .RadWindow {
    background: red;
}

I hope this helps.

Regards,
Galin
Telerik

 

 

[Bing]

Hi Galin:

     Thank you for the reply. But I am not sure I understand your suggestion. 
     Where does this CSS rule go? Is this in one file, or multiple files? Can you give me an example on how to apply the CSS rule you suggested? 

Thank you very much!
Elizabeth

[Galin]

Hi Elizabeth,

The manner of including and implementation of this CSS rule depends of your specific project. It goes in external file or in header section of the page. However attached to this post you can find a sample page which demonstrates this behavior.


Regards,
Galin
Telerik