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

Set RibbonBar colours for Outlook Inspired form

1 Answer 142 Views
RibbonBar
This is a migrated thread and some comments may be shown as answers.
Raylene
Top achievements
Rank 1
Raylene asked on 17 Aug 2017, 01:11 AM

Hi there,

I've tried to make an outlook inspired form using the RibbonBar but am not able to get the colours correct. Please see Picture 1 for how I want it to look and Picture 2 of how it actually looks.

I've tried going through each element via the 'Edit UI Elements' on the RibbonBar and haven't been able to find the element that controls this.

Any help will be appreciated.

Thanks,

Ray

1 Answer, 1 is accepted

Sort by
0
Dess | Tech Support Engineer, Principal
Telerik team
answered on 17 Aug 2017, 09:47 AM
Hello Ray, 

Thank you for writing.  

I would like to note that when you create a new project you can use the Outlook-inspired VS template that we offer. Please refer to the attached screenshot.

As to question about changing the color of RadRibbonBar, it is necessary to set the RibbonBarElement.TabStripElement.ContentArea.BackColor property to the desired color and the RibbonBarElement.TabStripElement.ContentArea.GradientStyle property to Solid. Feel free to use the RadControlSpyFormwhen you want to identify what element exactly you need to customize.
this.radRibbonBar1.RibbonBarElement.TabStripElement.ContentArea.BackColor = Color.Red;
this.radRibbonBar1.RibbonBarElement.TabStripElement.ContentArea.GradientStyle = Telerik.WinControls.GradientStyles.Solid;

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 2 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
Raylene
Top achievements
Rank 1
Answers by
Dess | Tech Support Engineer, Principal
Telerik team
Share this question
or