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

How to have Button with border and border radius

Environment

Product Version 2019.2.802.1
Product Button for Xamarin Cross-Platform

Description

This article shows how to have Button with border width and border radius

Border Radius

Here is an example how to have button with border and use border radius:

<Grid VerticalOptions="Center" HorizontalOptions="CenterAndExpand">
    <telerikInput:RadButton WidthRequest="54"
                            HeightRequest="54"
                            BorderWidth="10"
                            BorderRadius="10"
                            BorderColor="DarkRed"
                            BackgroundColor="LightCoral"/>
</Grid>

Corner Radius

Here is an example how to have button with border and use corner radius:

<Grid VerticalOptions="Center" HorizontalOptions="CenterAndExpand">
    <telerikInput:RadButton CornerRadius="10"
                            WidthRequest="54"
                            HeightRequest="54"
                            BorderWidth="10"
                            BorderColor="DarkRed"
                            BackgroundColor="LightCoral"/>
</Grid>
In this article