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
Thanks!
Elizabeth
3 Answers, 1 is accepted
0
Hi Elizabeth,
Currently the Visual Style Builder does not support this feature, but you can achieve this with the following CSS rule
I hope this helps.
Regards,
Galin
Telerik
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
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
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
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.