Getting Started

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

Before you proceed, please, take a look at these articles and follow the instructions to setup your app:


If your app is setup, you are ready to add a RadListView control.

First, lets create a simple data and view model classes:

public class SourceItem
    public SourceItem(string name)
        this.Name = name;

    public string Name { get; set; }

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

    public List<SourceItem> Source { get; set; }

Here is the setup of the list view:

<telerikDataControls:RadListView x:Name="listView" ItemsSource="{Binding Source}">
        <local:ViewModel />
                        <Label Margin="10" Text="{Binding Name}" />
var listView = new RadListView
    ItemsSource = new ViewModel().Source,
    ItemTemplate = new DataTemplate(() =>
        var label = new Label { Margin = new Thickness(10) };
        var content = new Grid();
        label.SetBinding(Label.TextProperty, new Binding(nameof(SourceItem.Name)));

        return new ListViewTemplateCell
            View = content


You have to add the following namespaces:

using Telerik.XamarinForms.DataControls;
using Telerik.XamarinForms.DataControls.ListView;

Finally set the list view as content of your page.

This is the result:


SDK Browser and QSF applications contain different examples that show RadListView's main features. You can find the applications in the Examples and QSF folders of your local Telerik UI for Xamarin installation.

See Also

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

Give article feedback

Tell us how we can improve this article