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

Change background color for all the controls

3 Answers 195 Views
Visual Style Builder
This is a migrated thread and some comments may be shown as answers.
Bing
Top achievements
Rank 1
Bing asked on 14 Nov 2014, 08:46 PM
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 

3 Answers, 1 is accepted

Sort by
0
Galin
Telerik team
answered on 19 Nov 2014, 03:58 PM
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
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Bing
Top achievements
Rank 1
answered on 02 Dec 2014, 05:31 PM
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
0
Galin
Telerik team
answered on 05 Dec 2014, 09:41 AM
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
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
Tags
Visual Style Builder
Asked by
Bing
Top achievements
Rank 1
Answers by
Galin
Telerik team
Bing
Top achievements
Rank 1
Share this question
or