Create Circle Button

 

You could easily create circular buttons with RadButton by adjusting its Width, Height and BorderRadius properties following the next instructions:

  • Width should be equal to Height;
  • BorderRadius should be set to half Width/Height value;

Here is a quick example:

<telerikInput:RadButton WidthRequest="120" 
    HeightRequest="120"                                
    Text="Circle Button" 
    FontSize="Micro" 
    TextColor="White" 
    BackgroundColor="DarkBlue" 
    BorderRadius="60"  />

Appearance of different circular buttons:

Button Key Features Example

See Also

Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy