Customizing Button Styles

Updated on Sep 15, 2025

This article describes how to customize the buttons appearance by modifying their styles.

To customize the button styles, you can define a Style object and set the needed button properties.

To modify the template of a button, you can set the Template property.

The following example shows how to define implicit styles for all available RadButton elements. An implicit style is a Style object without its x:Key set, which will apply it to all elements of the corresponding TargetType in the style's scope.

Implicit styles for the RadButton elements

XAML

	<Window.Resources>
		<!-- In case you are using the NoXaml version of the Telerik dlls, you should also set the BasedOn property of the Style -->		
		
		<!-- <Style TargetType="telerik:RadButton" BasedOn="{StaticResource RadButtonStyle}">  -->
		 <Style TargetType="telerik:RadButton"> 
			<Setter Property="Opacity" Value="0.5"/> 
			<Setter Property="BorderBrush" Value="Red"/> 
			<Setter Property="BorderThickness" Value="2"/> 
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="telerik:RadButton">
						<!-- customize the template if needed -->
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style> 
		
		<!-- <Style TargetType="telerik:RadDropDownButton" BasedOn="{StaticResource RadDropDownButtonStyle}">  -->
		 <Style TargetType="telerik:RadDropDownButton"> 
			<Setter Property="Opacity" Value="0.5"/> 
			<Setter Property="BorderBrush" Value="Red"/> 
			<Setter Property="BorderThickness" Value="2"/> 
		</Style> 
		
		<!-- <Style TargetType="telerik:RadRadioButton" BasedOn="{StaticResource RadRadioButtonStyle}">  -->
		<Style TargetType="telerik:RadRadioButton"> 
			<Setter Property="Opacity" Value="0.5"/> 
			<Setter Property="Background" Value="Bisque"/> 
		</Style> 
		
		<!-- <Style TargetType="telerik:RadSplitButton" BasedOn="{StaticResource RadSplitButtonStyle}">  -->
		<Style TargetType="telerik:RadSplitButton"> 
			<Setter Property="Opacity" Value="0.5"/> 
			<Setter Property="Background" Value="Bisque"/> 
		</Style> 
		
		<!-- <Style TargetType="telerik:RadToggleButton" BasedOn="{StaticResource RadToggleButtonStyle}">  -->
		<Style TargetType="telerik:RadToggleButton"> 
			<Setter Property="Opacity" Value="0.5"/> 
			<Setter Property="Background" Value="Bisque"/> 
		</Style> 
		
		<!-- <Style TargetType="telerik:RadToggleSwitchButton" BasedOn="{StaticResource RadToggleSwitchButtonStyle}">  -->
		<Style TargetType="telerik:RadToggleSwitchButton"> 
			<Setter Property="Opacity" Value="0.5"/> 
			<Setter Property="Background" Value="Bisque"/> 
		</Style> 
		
		<!-- <Style TargetType="telerik:RadPathButton" BasedOn="{StaticResource RadPathButtonStyle}">  -->
		<Style TargetType="telerik:RadPathButton"> 
			<Setter Property="Opacity" Value="0.5"/> 
			<Setter Property="Background" Value="Bisque"/> 
		</Style> 
		
		<!-- <Style TargetType="telerik:RadHyperlinkButton" BasedOn="{StaticResource RadHyperlinkButtonStyle}">  -->
		<Style TargetType="telerik:RadHyperlinkButton"> 
			<Setter Property="Opacity" Value="0.5"/> 
			<Setter Property="Background" Value="Bisque"/> 
		</Style> 
	</Window.Resources>

If you need to apply a custom Style to a specific button instance, you can set its x:Key and then assign the Style property of the button.

An explicit style for assigned to a RadButton element

XAML

	<Window.Resources>
		<!-- In case you are using the NoXaml version of the Telerik dlls, you should also set the BasedOn property of the Style -->				
		<!-- <Style x:Key="CustomButtonStyle" TargetType="telerik:RadButton" BasedOn="{StaticResource RadButtonStyle}">  -->
		 <Style x:Key="CustomButtonStyle" TargetType="telerik:RadButton"> 
			<Setter Property="Opacity" Value="0.5"/> 			
		</Style> 		
	</Window.Resources>	
	<!-- -->
	<telerik:RadButton Style="{StaticResource CustomButtonStyle}" />

In case you need to modify the ControlTemplate of a button, you can open the Telerik.Windows.Controls.xaml file and copy the template of the corresponding button in your project, and then change it as needed.