Change the background color of the "Check All Items" option on ComboBox

Thread is closed for posting
3 posts, 0 answers
  1. Tyler
    Tyler avatar
    3 posts
    Member since:
    Sep 2013

    Posted 18 Sep 2013 Link to this post

    I think I posted this in the wrong area the first time. Here it is again...

    I've seen some similar threads to this question, but nothing that specifically addresses it. I have a RadComboBox that I add various items, too. I needed the ability to select "ALL" items, so I put in the EnableCheckAllItemsCheckBox property. Now, all of the items that I add have a white background, bu tthe all items checked button has a dark gray background that the UI people don't like. I've figured out some other issues with this, but the one thing remaining is...
    How do I change the background color of the All items checked option? I've tried style sheets and some other things, but nothing works so far. This is what I use, along with some javacript to click it on default
    <telerik:RadComboBox  runat="server" ID="cboInvoiceStatus" CheckBoxes="True" AutoPostBack="true" HighlightTemplatedItems="true" IncludeSelectOption="false" EnableCheckAllItemsCheckBox="true" AllowCustomText="true" Localization-CheckAllString="Select All" >
     </telerik:RadComboBox >
    Any help is appreciated. Thanks,
  2. Nencho
    Nencho avatar
    1446 posts

    Posted 23 Sep 2013 Link to this post

    Hello Tyler,

    I would suggest you to use the rcbCheckAllItems which is the responsible css class for the CheckAll option. In addition, you could use the !important  in order to overwrite the defaut styling of the checkbox. Please consider the following approach:
    <style type="text/css">
           .rcbCheckAllItems {
                background-color : white !important ;

    In addition, here is a video, demonstrating the behavior when the above suggestion is implemented.

    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  3. DevCraft R3 2016 release webinar banner
  4. Tyler
    Tyler avatar
    3 posts
    Member since:
    Sep 2013

    Posted 23 Sep 2013 Link to this post

    It turns out that our derived class was already doing that, but the person who first wrote it accidentally did a copy and paste error and cause the odd background color to appear, AND to be the same as the background text.

    A simple change from
    background-color: #767676;
    background-color: #ffffff;

    solved everything. I'm old school, and prefer the hex codes to color names. But, all is well in the end.

    Thanks for the assistance!
Back to Top