1 Answer, 1 is accepted
0
Hello Daniel,
Please visit and read the Grouping documentation => .NET MAUI ListView Documentation | Grouping.
You will see that the DataTemplate for the GroupHeaderTemplate has everything you need to get started designing your own custom header template.
Regards,
Lance | Manager Technical Support
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.
Lance | Senior Manager Technical Support
commented on 27 Apr 2022, 04:04 PM
Telerik team
For example, try this one...
<DataTemplate x:Key="ListViewGroupHeaderTemplate">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition />
</Grid.ColumnDefinitions>
<Label Text="🤢"
Margin="8, 12, 0, 6"
TextColor="LightGreen"
FontSize="Medium">
<Label.Triggers>
<DataTrigger TargetType="Label"
Binding="{Binding IsExpanded}"
Value="True">
<Setter Property="Text"
Value="🤮" />
<Setter Property="TextColor"
Value="DarkGreen" />
</DataTrigger>
</Label.Triggers>
</Label>
<Label Margin="0, 12, 0, 6"
Text="{Binding }"
Grid.Column="1"
TextColor="DarkGray"
FontSize="Medium"
HorizontalOptions="Start" />
</Grid>
</DataTemplate>It will have the following result at runtime:
