Horizontal ListView in GridLayout

Updated over 6 months ago

Environment

Product	Author
Telerik UI for .NET MAUI ListView	Dobrinka Yordanova

Description

This article described how to set the horizontal orientation of the ListView when GridLayout definition is used.

Solution

The RadListView has two type of layout definitions - Linear and Grid. Both definitions has Orientation property which allows you to set the layout orientation to Horizontal or Vertical.

The default value of Orientation property is Vertical. If you want to apply horizontal orientation to Linear or Grid layout, set the property to Horizontal.

ListViewGridLayout with Horizontal orientation:

XAML

<telerik:RadListView.LayoutDefinition>
    <telerik:ListViewGridLayout Orientation="Horizontal"/>
</telerik:RadListView.LayoutDefinition>

ListViewGridLayout with Horizontal orientation:

XAML

<telerik:RadListView.LayoutDefinition>
	<telerik:ListViewGridLayout Orientation="Horizontal"/>
</telerik:RadListView.LayoutDefinition>

ListViewLinearLayout with Horizontal orientation:

XAML

<telerik:RadListView.LayoutDefinition>
	<telerik:ListViewLinearLayout Orientation="Horizontal"/>
</telerik:RadListView.LayoutDefinition>

See Also

-ListView Layouts