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

Getting Started with Border for Xamarin Mobile Blazor Bindings

This article will guide you through the steps needed to add a basic RadBorder control in your application.

1. Setting up the app

Take a look at the Getting Started article how to setup the Telerik Blazor Mobile Bindings for Xamarin project.

2. Adding the required Telerik references

You have two options:

  • Add the Telerik.UI.for.Xamarin.Blazor Nuget package following the instructions in Telerik NuGet package server topic.

  • Add the references to Telerik assemblies manually, check the list below with the required assemblies for RadBorder component:

Platform Assemblies
Portable Telerik.XamarinForms.Blazor.Primitives.dll
Telerik.XamarinForms.Primitives.dll
Android Telerik.Xamarin.Android.Primitives.dll
Telerik.XamarinForms.Primitives.dll
iOS Telerik.Xamarin.iOS.dll
Telerik.XamarinForms.Primitives.dll

After that we need to add the Telerik.XamarinForms.Blazor.Primitives in our _Imports.razor page:

@using Telerik.XamarinForms.Blazor.Primitives;

3. Adding RadBorder control

<RadBorder BorderColor="@Color.FromHex("#4488F6")"
           CornerRadius="new Thickness(5)" 
           HeightRequest="100">
    <Label Text="Hello there!"
            Margin="new Thickness(2)" />
</RadBorder>

Here is the result:

Border Getting Started Example

See Also

In this article