Help Button

The RadRibbonView control allows you to display a help button, which is positioned on the right side of the component. To do so, set the HelpButtonVisibility property to Visible.

Displaying the help button

<telerik:RadRibbonView HelpButtonVisibility="Visible"/> 

RadRibbonView with displayed help button

Change the Help Button Image

To set a different icon from the default one, you can use the HelpButtonImageSource property.

Changing the help button image

<telerik:RadRibbonView HelpButtonImageSource="myHelpButton.png"/>  

Set a Custom Style for the Help Button

The RadRibbonView control exposes the HelpButtonStyle property that allows you to customize the help button. To do so, set a new Style that targets the RadRibbonButton element.

Setting a custom Style for the help button

<telerik:RadRibbonView.HelpButtonStyle> 
    <!--If NoXaml is used: BasedOn="{StaticResource HelpButtonStyle}"--> 
    <Style TargetType="telerik:RadRibbonButton"> 
        <Setter Property="Background" Value="Red"/> 
        <Setter Property="BorderBrush" Value="Orange"/> 
        <Setter Property="BorderThickness" Value="3"/> 
    </Style> 
</telerik:RadRibbonView.HelpButtonStyle> 

RadRibbonView with custom style set to the help button

Set a Command on the Help Button

The RadRibbonView control allows you to set a command for the help button via the HelpCommand property. It will accept every object that implements the ICommand interface.

The following example showcases how to use the HelpCommand property:

Defining the RadRibbonView

<telerik:RadRibbonView HelpButtonVisibility="Visible"> 
    <telerik:RadRibbonTab Header="Home"/> 
</telerik:RadRibbonView> 

Defining the DelegateCommand

public partial class MainWindow : Window 
{ 
    public MainWindow() 
    { 
        InitializeComponent(); 
 
        OpenHelpPageCommand = new DelegateCommand(ExecuteCommandHandler, CanExecuteCommandHandler); 
        this.DataContext = OpenHelpPageCommand; 
    } 
 
    public DelegateCommand OpenHelpPageCommand { get; set; } 
 
    private bool CanExecuteCommandHandler(object obj) 
    { 
        // Implement logic that checks if the button command can be executed  
        return true; 
    } 
 
    private void ExecuteCommandHandler(object obj) 
    { 
        // Implement the logic that should be executed when the button is clicked  
        MessageBox.Show("Help Command Executed"); 
    } 
} 

Setting the HelpCommand property

<telerik:RadRibbonView HelpButtonVisibility="Visible" HelpCommand="{Binding}"> 
    <telerik:RadRibbonTab Header="Home"/> 
</telerik:RadRibbonView> 

In addition you can use the HelpCommandParameter and the HelpCommandTarget properties of the RadRibbonView in order to pass additional data to the command. tip Find a runnable project of the previous example in the WPF Samples GitHub repository.