Appearance in WinForms Ribbon Control

The WinForms Ribbon Control ships with several built-in themes such as Office2007, Office2010, Office2013, TouchStyle and Office2016.
All these themes can be applied through its RibbonStyle property.

Apply Visual styles

Visual styles can be applied by using the WinForms Ribbon Control property RibbonStyle

The following code example illustrates how to set style for the WinForms Ribbon Control.

this.ribbonControlAdv1.RibbonStyle = RibbonStyle.Office2016;
Me.ribbonControlAdv1.RibbonStyle = RibbonStyle.Office2016
  • Office 2016 Style

WindowsForms Ribbon Office 2016 style

  • Touch Style

WindowsForms Ribbon Touch style

  • Office 2013 Style

WindowsForms Ribbon Office 2013 Style

  • Office 2010 Style

WindowsForms Ribbon Office 2010 Style

  • Office 2007 Style

WindowsForms Ribbon Office 2007 Style

Style through SkinManager

Essential® Tools for Windows Forms provides support to apply Office2007 Style for an application with its child controls. This feature enables you to easily apply uniform style for all the child controls in the application.

To apply Visual style through skin manager, follow the steps below

  • Drag the Skin Manager from the Toolbox tab to the designer.
  • Open the property grid and click the Controls property and select WinForms Ribbon Control as parent control.
  • set the visual style using VisualTheme property.

Through code

You can add Skin Manager to one of the controls in your form or to the entire WinForms Ribbon Control as needed by specifying the root control.

SkinManager.SetVisualStyle(this.ribbonControlAdv1, VisualTheme.Office2007Blue);
SkinManager.SetVisualStyle(Me.ribbonControlAdv1, VisualTheme.Office2007Blue)

Apply Color Scheme

Office 2016 Color Scheme

The WinForms Ribbon Control includes new color schemes as available in the Office 2016 suite to provide a more personalized experience.

WinForms Ribbon Control now supports four themes:

  • Colorful
  • White
  • DarkGray
  • Black

WindowsForms Ribbon Various Office 2016 Color Schemes

The following code sample illustrates how to set the Colorful theme for the Office 2016 style WinForms Ribbon Control.

this.ribbonControlAdv1.Office2016ColorScheme = Office2016ColorScheme.Colorful;
Me.ribbonControlAdv1.Office2016ColorScheme = Office2016ColorScheme.Colorful

Office 2013 Color Scheme

The WinForms Ribbon Control includes new color schemes as available in the Office 2013 suite to provide a more personalized experience.

Office 2013 theme now supports three color schemes:

  • White
  • LightGray
  • DarkGray
  • Managed

WindowsForms Ribbon Various Office 2013 Color Schemes

The following code sample illustrates how to set the scheme for the Office 2013 style WinForms Ribbon Control.

this.ribbonControlAdv1.Office2013ColorScheme = Office2013ColorScheme.DarkGray;
Me.ribbonControlAdv1.Office2013ColorScheme = Office2013ColorScheme.DarkGray

Office Color Scheme

The WinForms Ribbon Control Adv has come up with the same visual style of Office 2007. The users can choose between three colors

  • Blue
  • Silver
  • Black
  • Default
  • Managed

It can be set through the OfficeColorScheme property of the WinForms Ribbon Control class.

WindowsForms Ribbon Various Office 2007 Color Schemes

this.ribbonControlAdv1.OfficeColorScheme = ToolStripEx.ColorScheme.Blue;
Me.ribbonControlAdv1.OfficeColorScheme = ToolStripEx.ColorScheme.Blue

Custom Color Scheme

To set custom color scheme, set the color scheme as Managed. Then set the desired color using the Syncfusion.Windows.Forms.Tools.Office12ColorTable.ApplyManagedColors method.

this.ColorScheme = ColorSchemeType.Managed;

this.ribbonControlAdv1.OfficeColorScheme = ToolStripEx.ColorScheme.Managed;

Office12ColorTable.ApplyManagedColors(this, Color.Red);
Me.ColorScheme = ColorSchemeType.Managed

Me.ribbonControlAdv1.OfficeColorScheme = ToolStripEx.ColorScheme.Managed

Office12ColorTable.ApplyManagedColors(Me, Color.Red)

WindowsForms Ribbon Custom Color Schemes

Color Table

WinForms Ribbon Control can now be fully customized by using the Color table in Office 2016, Office 2013 and Touch style.

Office2016 Style Color Table

WinForms Ribbon Control can now be fully customized in Office2016 style under Colorful theme. This can be achieved by using Office2016ColorTable property.

In the property window of the WinForms Ribbon Control, click the Office2016ColorTable property. The following window will be shown

WindowsForms Ribbon Office 2016 Color Table Editor

Click Add button to customize the WinForms Ribbon Control with the Office2016ColorTable property.

WindowsForms Ribbon Office 2016 Color Table adding

To achieve the above customization through code behind

//Creating instance of color table
Office2016ColorTable color = new Office2016ColorTable();

//Ribbon Background Color Customization

//To set the Header color
color.HeaderColor = ColorTranslator.FromHtml("#b7472a");

// To set the TabItem Back Color
color.TabBackColor = ColorTranslator.FromHtml("#b7472a");

//To set the Title fore color
color.TitleColor = Color.White;

//Backstage customization

//To set the BackStageButton Hover color
color.BackStageItemHoverColor = ColorTranslator.FromHtml("#19478a");

// To set the BackStageButton SelectionColor
color.BackStageItemSelectionColor = Color.FromArgb(62, 109, 181);

// To set the BackStageButton ForeColor
color.BackStageItemForeColor = Color.White;

// To set the hover fore color for BackStage items.
color.BackStageItemHoverForeColor = Color.White;

// To set the selection fore color for BackStage items.
color.BackStageItemSelectionForeColor = Color.White;

// To set the Backstage title fore color
color.BackStageTitleColor = ColorTranslator.FromHtml("#3a3a3a");

// To set the BackStage SystemButton Background
color.BackStageSystemButtonBackground = ColorTranslator.FromHtml("#c5c5c5");

// To set the Backstage caption color
color.BackStageCaptionColor = ColorTranslator.FromHtml("#f1f1f1");

// Gallery Item Customization

//To set the GalleryItem TextColor
color.GalleryItemNormalTextColor = ColorTranslator.FromHtml("#7f7f7f");

//To set the GalleryItem Hover TextColor
color.GalleryItemHoveredTextColor = ColorTranslator.FromHtml("#2b2b2b");

//To set the Gallery item back color
color.GalleryItemNormalColor = ColorTranslator.FromHtml("#ffffff");

// To set the Gallery item checked color
color.GalleryItemCheckedColor = ColorTranslator.FromHtml("#afafaf");

// To set the Gallery item hover color
color.GalleryItemSelectedColor = ColorTranslator.FromHtml("#afafaf");


// ToolstripTabItem customization

//To set the Selected TabColor
// color.SelectedTabColor = ColorTranslator.FromHtml("#2a8ad4");
color.SelectedTabColor = ColorTranslator.FromHtml("#b7472a");

//To set the Hover Tab Fore Color
color.HoverTabForeColor = Color.White;

//To set the Checked Tab Color
color.CheckedTabColor = ColorTranslator.FromHtml("#f1f1f1");

//To set the Checked Tab Fore Color
color.CheckedTabForeColor = ColorTranslator.FromHtml("#b7472a");

// To set the TabItem fore color
color.TabForeColor = Color.White;

// ToolstripEx customization

// To set the Toolstrip back color
color.ToolStripBackColor = ColorTranslator.FromHtml("#f1f1f1");

// To set the ToolStrip caption back color
color.CaptionBackColor = ColorTranslator.FromHtml("#f1f1f1");

// To set the ToolStrip text color
color.CaptionForeColor = ColorTranslator.FromHtml("#666666");

// To set the ToolStripSplitter color
color.ToolStripSpliterColor = ColorTranslator.FromHtml("#d2d2d2");

//ToolStripItem customization

// To set the ToolStripItem fore color
color.ToolStripItemForeColor = ColorTranslator.FromHtml("#575757");

// To set the ToolstripButton pressed back color
color.ButtonBackgroundPressed = ColorTranslator.FromHtml("#969696");

// To set the ToolstripButton selected back color
color.ButtonBackgroundSelected = ColorTranslator.FromHtml("#c5c5c5");

// To set the ToolstripButton hovered back color
color.ButtonBackgroundHovered = ColorTranslator.FromHtml("#c5c5c5");

// To set the selected SplitButton Background color
color.SplitButtonBackgroundSelected = ColorTranslator.FromHtml("#c5c5c5");

//Launcher customization

//To set the Launcher back color
color.LauncherColorNormal = ColorTranslator.FromHtml("#7e7e7e");

// To set the selected Launcher color
color.LauncherColorSelected = ColorTranslator.FromHtml("#505050");

// To set the Selected Launcher back color
color.LauncherBackColorSelected = ColorTranslator.FromHtml("#c5c5c5");

//RibbonPanel customization

// To set the RibbonPanel back color
color.PanelBackColor = ColorTranslator.FromHtml("#f1f1f1");

// To set the Ribbon panel border color
color.RibbonPanelBorderColor = ColorTranslator.FromHtml("#d2d2d2");

// To set the Ribbon minimize button back color
color.UpDownButtonBackColor = ColorTranslator.FromHtml("#c5c5c5");

//Context Menu customization

// To set the Context menu back color
color.ContextMenuBackColor = Color.White;

// To set the ContextMenu Title Back color
color.ContextMenuTitleBackground = Color.FromArgb(30, Color.LightGray);

// To set the ContextMenu Item selected back color
color.ContextMenuItemSelected = ColorTranslator.FromHtml("#c5c5c5");

// Quick DropDown button customization

// To set the Quick Access Button back color
color.QuickDropDownBackColor = ColorTranslator.FromHtml("#ffffff");

// To set the Quick Access Button hover back color
color.QuickDropDownSelectedcolor = ColorTranslator.FromHtml("#2a8dd4");

// To set the Quick Access Button pressed back color
color.QuickDropDownPressedcolor = ColorTranslator.FromHtml("#0067b0");

//System Button customization

// To set the System button back color
color.SystemButtonBackground = ColorTranslator.FromHtml("#2a8ad4");

// To set the Close Button back color
color.CloseButtonBackground = ColorTranslator.FromHtml("#e81123");

// To set the combobox dropdown color
color.DropDownBackColor = ColorTranslator.FromHtml("#ffffff");

//TabGroup Customization

// To set the TabGroup back color
color.TabGroupBackColor = Color.FromArgb(1, 70, 122);

// To set the TabGroup fore color
color.TabGroupForeColor = Color.FromArgb(165, 185, 210);

// Adds the color table instance to the ColorTable

this.ribbonControlAdv1.Office2016ColorTable.Add(color);
Dim color As Office2016ColorTable = New Office2016ColorTable()

    color.HeaderColor = ColorTranslator.FromHtml("#b7472a")

    color.TabBackColor = ColorTranslator.FromHtml("#b7472a")

    color.TitleColor = Color.White

    color