HeaderTemplate Background color

9 posts, 1 answers
  1. Jon
    Jon avatar
    7 posts
    Member since:
    Mar 2013

    Posted 23 Jan 2014 Link to this post

    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!
  2. Answer
    Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 23 Jan 2014 Link to this post

    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.
  3. Jon
    Jon avatar
    7 posts
    Member since:
    Mar 2013

    Posted 24 Jan 2014 Link to this post

    Worked perfectly!  

    Thanks!
  4. Peter
    Peter avatar
    3 posts
    Member since:
    Dec 2017

    Posted 20 Dec 2017 Link to this post

    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.

  5. Rumen
    Admin
    Rumen avatar
    14219 posts

    Posted 21 Dec 2017 Link to this post

    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
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  6. Peter
    Peter avatar
    3 posts
    Member since:
    Dec 2017

    Posted 21 Dec 2017 in reply to Rumen Link to this post

    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.

  7. Rumen
    Admin
    Rumen avatar
    14219 posts

    Posted 21 Dec 2017 Link to this post

    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
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  8. Peter
    Peter avatar
    3 posts
    Member since:
    Dec 2017

    Posted 21 Dec 2017 in reply to Rumen Link to this post

    Great Rumen! It helps

    Thank you

  9. Rumen
    Admin
    Rumen avatar
    14219 posts

    Posted 21 Dec 2017 Link to this post

    You are welcome! 

    Happy Holidays!

    Kind regards,
    Rumen
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top