How to change the back color of QAT in WPF Ribbon control?

Overview:

This guide explains how to change the background color of the Quick Access Toolbar (QAT) in Syncfusion’s WPF Ribbon control. This allows you to customize the appearance of the toolbar to match your application's theme.

Implementation Steps:

Change the background of the QuickAccessToolBar:

// Create a new QuickAccessToolBar instance
QuickAccessToolBar QAT = new QuickAccessToolBar();

// Change the entire QAT background
QAT.Background = Brushes.PeachPuff;

// If you want to change only the icon area, use GeometryBackground:
QAT.GeometryBackground = Brushes.Teal;

// Optionally, add RibbonButtons or other elements
QAT.Items.Add(new RibbonButton() { Label = "Send" });
QAT.Items.Add(new RibbonButton() { Label = "Forward" });

// Add the QAT to the Ribbon​syncfusionRibbon.QuickAccessToolBar = QAT;

Screenshot:

Code Explanation:

• Background Property: The Background property changes the entire QAT background color.
• GeometryBackground Property: The GeometryBackground property is used to modify only the icons' background.
• Adding Items: Ribbon buttons such as "Send" and "Forward" can be added dynamically.

Conclusion:

Using the Background and GeometryBackground  properties, you can easily modify the appearance of the Quick Access Toolbar in Syncfusion’s WPF Ribbon control to match your application's theme.

For more details, refer to Ribbon Control