Getting Started

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

• Setting up the app
• Adding the required Telerik references
• Adding RadListView control

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 RadListView component:

Platform	Assemblies
Portable	Telerik.XamarinForms.Blazor.DataControls.dll Telerik.XamarinForms.DataControls.dll Telerik.XamarinForms.Primitives.dll Telerik.XamarinForms.SkiSharp.dll
Android	Telerik.Xamarin.Android.Common.dll Telerik.Xamarin.Android.Data.dll Telerik.Xamarin.Android.Input.dll Telerik.Xamarin.Android.List.dll Telerik.Xamarin.Android.Primitives.dll Telerik.XamarinForms.Common.dll Telerik.XamarinForms.DataControls.dll Telerik.XamarinForms.Primitives.dll Telerik.XamarinForms.SkiSharp.dll
iOS	Telerik.Xamarin.iOS.dll Telerik.XamarinForms.Common.dll Telerik.XamarinForms.DataControls.dll Telerik.XamarinForms.Primitives.dll Telerik.XamarinForms.SkiSharp.dll

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

@using Telerik.XamarinForms.Blazor.DataControls;

3. Adding RadListView control

<ContentView>
    <RadListView ItemsSource="@Source" />
</ContentView>

@code 
{
    public List<string> Source { get; set; }

    protected override void OnInitialized()
    {
        base.OnInitialized();

        this.Source = new List<string>()
        {
            "Tom",
            "Anna", 
            "Peter", 
            "Teodor", 
            "Lorenzo",
            "Andrea",
            "Martin"
        };
    }
}

Here is the result:

See Also

• Xamarin Mobile Blazor Bindings Overview