Is it possible that ItemTemplate items overlap/overlay the GroupheaderTemplate?

I am using the Listview control with a custom GroupHeaderTemplate. I am wondering if it is possible to get listview items from the itemteplate overlap/overlay the groupheadertemplate?

By default it just 'stacks' beneath eachotter.

So to make it more clearer:

I now have something like this:

`

<sflistview:SfListView

x:Name="listView"

AllowGroupExpandCollapse="False"

GroupHeaderSize="60"

IsScrollingEnabled="True"

IsStickyGroupHeader="True"

SelectionMode="None"

IsStickyHeader="True"

ItemSize="60"

ItemSpacing="7,5,7,5"

ItemsSource="{Binding MyList}">


<sflistview:SfListView.GroupHeaderTemplate>

<DataTemplate>

<Grid

ColumnSpacing="0"

Padding="0, 0, 0, 0"

Margin="0,0,0,0"

RowSpacing="0">

<pv:PancakeView CornerRadius="0,0,40,40" BackgroundColor="Yellow" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">

<Label

Margin="10,0,0,0"

FontFamily="{StaticResource AppBoldFontFamily}"

FontSize="14"

Text="{Binding Key}"

TextColor="Red"

VerticalOptions="Center" />

</pv:PancakeView>

</Grid>

</DataTemplate>

</sflistview:SfListView.GroupHeaderTemplate>


<sflistview:SfListView.ItemTemplate>

<DataTemplate>

<!-- My item template ... -->

</DataTemplate>

</sflistview:SfListView.ItemTemplate>


</sflistview:SfListView>

`


This looks as following:

Schermafbeelding 2022-02-08 121537.png

But is it also possible that the items overlap the header, something like this:

exam2.png


1 Reply

SV Suja Venkatesan Syncfusion Team February 9, 2022 02:45 PM UTC

Hi Nicolas, 

We would like to let you know that it is not possible to achieve your requirement as the ItemTemplate and GroupHeaderTemplate are two different templates. We could not overlap two separate templates. Please let us know if your need further assistance. 

Regards, 
Suja    


Loader.
Up arrow icon