How to Access the Help Button in WPF Ribbon?

Overview

This guide explains how to enable and customize the Help Button in Syncfusion’s WPF Ribbon control. The Help Button can be used to show notifications or navigate to specific help links, similar to the behavior in Microsoft File Explorer.

Implementation Steps

Enable the Help Button in XAML

Add the following XAML code to define the Help Button within the Ribbon control:

<syncfusion:RibbonWindow x:Class="HelpButtonSample.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:syncfusion="http://schemas.syncfusion.com/wpf"
        Title="Help Button Sample"
        ShowHelpButton="True"
        Height="450" Width="800">

    <syncfusion:RibbonWindow.Resources>
     <BooleanToVisibilityConverter x:Key="BooleanToVisibilityConverter"/>
     <Style x:Key="HelpButtonStyle" TargetType="Button">
         <Setter Property="Background" Value="LightGray"/>
         <Setter Property="Foreground" Value="Black"/>
         <Setter Property="BorderBrush" Value="Gray"/>
         <Setter Property="BorderThickness" Value="1"/>
     </Style>
 </syncfusion:RibbonWindow.Resources>
 <Grid>
     <syncfusion:Ribbon x:Name="_ribbon" VerticalAlignment="Top">
         <syncfusion:RibbonTab Caption="HOME" IsChecked="True">
             <syncfusion:RibbonBar Name="New" Header="New" />
             <syncfusion:RibbonBar Name="Delete" Header="Delete" />
         </syncfusion:RibbonTab>
         <syncfusion:RibbonTab Caption="SEND/RCEIVE" IsChecked="False" />
         <syncfusion:RibbonTab Caption="FOLDER" IsChecked="False" />
         <syncfusion:RibbonTab Caption="VIEW" IsChecked="False" />
     </syncfusion:Ribbon>
     <syncfusion:WindowTitleBarButton Content="Help Button"
         x:Name="HelpButton"
         Width="29"
         Height="22"
         Click="HelpButton_Click"
         Style="{StaticResource HelpButtonStyle}"
         Visibility="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type syncfusion:RibbonWindow}}, Path=ShowHelpButton, Converter={StaticResource BooleanToVisibilityConverter}}" />
 </Grid>
</syncfusion:RibbonWindow>

Handle the Help Button Click Event in C#

Define the event handler in the MainWindow.xaml.cs file:

using System;
using System.Diagnostics;
using System.Windows;
using Syncfusion.Windows.Tools.Controls;

namespace HelpButtonSample
{
    public partial class MainWindow : RibbonWindow
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void HelpButton_Click(object sender, RoutedEventArgs e)
        {
            Process.Start(new ProcessStartInfo("https://help.syncfusion.com/wpf/welcome-to-syncfusion-essential-wpf") { UseShellExecute = true });
        }
    }
}

Code Explanation

• ShowHelpButton Property: Enables the Help Button in the Ribbon Window title bar.
• WindowTitleBarButton: Defines the Help Button’s UI and behavior.
• Click Event Handling: Opens the help documentation link when clicked.

Note

Attached demo for reference.

Conclusion

I hope you enjoyed learning how to access the help button in WPF Ribbon.

You can refer to our WPF Ribbon feature tour page to know about its other groundbreaking feature representations and documentation , and how to quickly get started for configuration specifications.

You can also explore our WPF Ribbon Example to understand how to create and manipulate data.

For current customers, you can check out our components from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our other controls.

If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, Direct-Trac, or feedback portal . We are always happy to assist you!

For more details, refer to the Syncfusion WPF Ribbon Control Documentation.
Syncfusion WPF Ribbon Coe Syncfusion WPF Ribbon Control Documentation