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

Key Features

The purpose of this help article is to show you the key features of the RadButton control.

Content Alignment

RadButton exposes HorizontalContentAlignment and VerticalContentAlignment properties of type Xamarin.Forms.TextAlignment which you can use to set different positioning of its content.

Here is a quick example how you can apply these:

<telerikInput:RadButton x:Name="buttonAlignment"
                        Text="Click me!"  
                        HeightRequest="60" />



Border Thickness

The BorderThickness property is of type Xamarin.Forms.Thickness and is used to set the borders’ width. Type Thickness gives you the option to define different border on each side of the Button.

The snippet below demonstrates how BorderThickness could be defined.

<telerikInput:RadButton x:Name="buttonThickness"
                        Text="Click me!"  
                        BorderThickness="6, 2, 2, 6" 
                        BorderColor="#4488F6" />

Background Image

The BackgroundImage property is of type ImageSource and is used to set a graphic as a background of the RadButton control.

The next snippet shows how you can apply the background image.

<telerikInput:RadButton x:Name="buttonBackground"
                        Text="Click me!"  
                        BackgroundImage="button_backgroundImage.png"  />

In the example buttonBackground.png image is located in each of the application projects (Resources folder in iOS, Resources/Drawable folder in Android, and application root in UWP; each with the appropriate build action set). You can read more on loading and displaying images in Xamarin.Forms here: Xamarin.Forms -> User Interface-> Images.

Here is the end result:

Button Key Features Example

See Also

In this article