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

Styling

RadListView provides an API that allows you to customize of appearance of its items.

The following RadListView properties can be used to add Styles, DataTemplates and style/template selectors, thus changing the default appearance:

  • ItemTemplate
  • ItemTemplateSelector
  • ItemStyle
  • ItemStyleSelector
  • GroupHeaderTemplate
  • GroupHeaderTemplateSelector
  • GroupHeaderStyle
  • GroupHeaderStyleSelector

Example

The following example shows how to define a Style and a DataTemplate, and then assign them to the corresponding RadListView properties.

Example 1: Setting up ItemTemplate and ItemStyle

<telerikData:RadListView x:Name="listView"> 
    <telerikData:RadListView.ItemStyle> 
        <Style TargetType="telerikListView:RadListViewItem"> 
            <Setter Property="Margin" Value="0,5,0,5"/> 
            <Setter Property="Padding" Value="0"/> 
            <Setter Property="Background" Value="#EEEEEE"/> 
        </Style> 
    </telerikData:RadListView.ItemStyle> 
    <telerikData:RadListView.ItemTemplate> 
        <DataTemplate> 
            <TextBlock Text="{Binding}" VerticalAlignment="Center" HorizontalAlignment="Center"/> 
        </DataTemplate> 
    </telerikData:RadListView.ItemTemplate> 
</telerikData:RadListView> 

Example 2: Populating with data

public MainWindow() 
{ 
    this.InitializeComponent(); 
 
} 
In this article
Not finding the help you need?