HeaderTemplate Background color

[Jon]

Anyone know how to change the default color of the background when using a header template?  Per skin this changes but I want to be able to alter it with my chosen skin.

Thanks in advance!

[Shinu]

Hi Jon,

Please have a look into the following CSS to change the background color of RadComboBox HeaderTemplate.

CSS:

<style type="text/css">
    .rcbHeader
    {
        background-color : Orange !important;
    }
</style>

Thanks,
Shinu.

[Jon]

Worked perfectly!  

Thanks!

[Peter]

Hi There,

How can I change the color of footer of attached screen? I am using ondemand feature but didn't defined any footer template.

[Rumen]

Hello,

Expect the footer HTML element with the dev toolbar of your browser, see its CSS class and overwrite it by applying the desired background color to it.

Regards,
Rumen
Progress Telerik

[Peter]

Thanks for the feedback but I can't find respective HTML element for Footer with dev toolbar. Since I defined Header template & I can see the respective HTML element for it but not the footer. For Header, I can see div element id: ctl00_CPH1_ucAccounts_rcbAccounts_Header but no footer information.

[Rumen]

Hello,

I was able to apply a background color to the footer via the following class: 

<style>
    .rcbMoreResults {
        background-color: red !important;
    }
</style>

For your convenience I recorded a demonstration video attached to my reply.

If your scenario is different, please provide a simple runnable project, which demonstrates it. 

Best regards,
Rumen
Progress Telerik

[Peter]

Great Rumen! It helps

Thank you

[Rumen]

You are welcome! 

Happy Holidays!

Kind regards,
Rumen
Progress Telerik