Getting Started

This article will guide you through the steps needed to add a basic RadListView 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 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:

ListView Getting Started Example

See Also

In this article
Not finding the help you need? Improve this article