RadRibbonForm and background image?

2 posts, 0 answers
  1. Chris The Wiz
    Chris The Wiz avatar
    3 posts
    Member since:
    Oct 2006

    Posted 10 Mar 2018 Link to this post

    I tried searching,  bad search-fu,  no helpful tips.

    In the radribbonbar control,   is it possible to add a background image with a logo? 
    If you have three / four buttons,   then all the space to the right is empty,   which would be great to show of an logo. 

    I tried


    RadRibbonBar   = radMain.BackgroundImage ,   but that didn't work.

    Or do I need to turn off Aero?  or?

  2. Dess | Tech Support Engineer, Sr.
    Dess | Tech Support Engineer, Sr.  avatar
    4131 posts

    Posted 13 Mar 2018 Link to this post

    Hello, Chris,

    Thank you for writing.  
    You can set the BackgroundImage to RadRibbonBar, but it is actually hidden beneath the ribbon tabs and the content area because they have some fill color applied. I would recommend you to set the RibbonBarElement.TabStripElement.ContentArea.Image instead and thus show the desired logo. Here is a sample code snippet which result is illustrated in below screenshot: 
    this.radRibbonBar1.RibbonBarElement.TabStripElement.ContentArea.Image = Properties.Resources.home;
    this.radRibbonBar1.RibbonBarElement.TabStripElement.ContentArea.ImageLayout = ImageLayout.None;
    this.radRibbonBar1.RibbonBarElement.TabStripElement.ContentArea.ImageAlignment = ContentAlignment.MiddleRight;

    I hope this information helps. Should you have further questions I would be glad to help. 
    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