Set RibbonBar colours for Outlook Inspired form

2 posts, 0 answers
  1. Raylene
    Raylene avatar
    1 posts
    Member since:
    Aug 2017

    Posted 16 Aug 2017 Link to this post

    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.



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

    Posted 17 Aug 2017 Link to this post

    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.

    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.
Back to Top