New to Telerik UI for WinUI? Download free 30-day trial

Getting Started

This guide provides the information you need to start using the Telerik UI for WinUI Buttons by adding the available button components to your project.

At the end, you will see the following buttons.

Prerequisites

Before adding the Buttons, you need to:

  1. Set up your WinUI project.

  2. Create your Telerik UI for WinUI application and install the Telerik UI for WinUI components depending on the required installation approach:

Add the Assembly References

To use the DataForm component, add the references to the Telerik.WinUI.Controls.dll assembly.

Define the Components

To start using the Buttons, you need to initialize the needed element and assign its Content, Click event handler, Command or any other settings you need. The following example shows how to use the available buttons and subscribe to their Click events.

To access the button elements in XAML, add a namespace that points to Telerik.UI.Xaml.Controls - xmlns:telerikControls="using:Telerik.UI.Xaml.Controls".

Adding a reference to the Telerik namespace

<UserControl x:Class="TelerikWinUIApp.ButtonsExample"      
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"  
             xmlns:telerikControls="using:Telerik.UI.Xaml.Controls" /> 

Defining RadButton

<telerikControls:RadButton Content="RadButton" Click="Button_Click"/> 

Button Click event handler

private void Button_Click(object sender, RoutedEventArgs e) 
{ 
} 

The next several examples show the other type of buttons. The Click event handler's example is ommitted on purpose because it matches the one shown in the previous example (for RadButton).

Defining RadToggleButton

<telerikControls:RadToggleButton Content="RadToggleButton" Click="Button_Click"/> 

Defining RadRadioButton

<StackPanel> 
    <telerikControls:RadRadioButton Content="RadRadioButton Option 1" Click="Button_Click"/> 
    <telerikControls:RadRadioButton Content="RadRadioButton Option 2" Margin="0 10 0 0" Click="Button_Click"/> 
    <telerikControls:RadRadioButton Content="RadRadioButton Option 3" Margin="0 10 0 0" Click="Button_Click"/> 
</StackPanel> 

You can group a set of RadRadioButton in a StackPanel. This way when you check one of the buttons, the others will get automatically unchecked.

Defining RadDropDownButton

<telerikControls:RadDropDownButton Content="RadDropDownButton" Click="Button_Click" DropDownHeight="120"> 
    <telerikControls:RadDropDownButton.DropDownContent> 
        <TextBlock Text="This is drop down content!" Margin="8" VerticalAlignment="Center" /> 
    </telerikControls:RadDropDownButton.DropDownContent> 
</telerikControls:RadDropDownButton> 

Defining RadSplitButton

<telerikControls:RadSplitButton  Content="RadSplitButton" Click="Button_Click" DropDownHeight="120"> 
    <telerikControls:RadSplitButton.DropDownContent> 
        <TextBlock Text="This is drop down content!" Margin="8" VerticalAlignment="Center" /> 
    </telerikControls:RadSplitButton.DropDownContent> 
</telerikControls:RadSplitButton> 

See Also

In this article
Not finding the help you need?