This is a migrated thread and some comments may be shown as answers.

RadRibbonForm and background image?

1 Answer 77 Views
RibbonBar
This is a migrated thread and some comments may be shown as answers.
Chris The Wiz
Top achievements
Rank 1
Chris The Wiz asked on 10 Mar 2018, 10:27 AM

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?

1 Answer, 1 is accepted

Sort by
0
Dess | Tech Support Engineer, Principal
Telerik team
answered on 13 Mar 2018, 10:44 AM
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. 
 
 Regards,
Dess
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.
Tags
RibbonBar
Asked by
Chris The Wiz
Top achievements
Rank 1
Answers by
Dess | Tech Support Engineer, Principal
Telerik team
Share this question
or