Change background color for all the controls

4 posts, 0 answers
  1. Bing
    Bing avatar
    3 posts
    Member since:
    Dec 2013

    Posted 14 Nov 2014 Link to this post

    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 
  2. Galin
    Admin
    Galin avatar
    526 posts

    Posted 19 Nov 2014 Link to this post

    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.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Bing
    Bing avatar
    3 posts
    Member since:
    Dec 2013

    Posted 02 Dec 2014 in reply to Galin Link to this post

    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
  5. Galin
    Admin
    Galin avatar
    526 posts

    Posted 05 Dec 2014 Link to this post

    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.

     
Back to Top