How to use HeaderItemTemplate in SfTabView?

[SPNGUK]

I am trying to learn how to custom make a tab header, no luck on that the tab header never change. Here is my sample page. Could anyone help on this? Thank you.

<ScrollView>
    <VerticalStackLayout
        Padding="30,0"
        Spacing="25">
        <tabView:SfTabView>
            <tabView:SfTabView.HeaderItemTemplate>
                <DataTemplate>
                    <Label>Testing</Label>
                </DataTemplate>
            </tabView:SfTabView.HeaderItemTemplate>
            <tabView:SfTabView.Items>
                <tabView:SfTabItem Header="Tab1"></tabView:SfTabItem>
                <tabView:SfTabItem Header="Tab2"></tabView:SfTabItem>
            </tabView:SfTabView.Items>
        </tabView:SfTabView>
    </VerticalStackLayout>
</ScrollView>

[naveenkumar-sanjeevirayan]

Hi @SPNGUK

Your custom tab header isn't displaying as expected because the HeaderItemTemplate works with a bound data model, not with static Header properties. When you're not using a bound ItemsSource, the HeaderItemTemplate won't be applied as intended.

To create a custom tab header, we recommend using a data-bound approach. In this approach, you define a view model for your tab items and use ItemsSource, HeaderItemTemplate, and ItemTemplate together.

For full guidance and a working example, please refer to our documentation here: HeaderItemTemplate Documentation – Syncfusion TabView for .NET MAUI

This will help you implement dynamic and fully customizable tab headers.

Regards,
Naveenkumar S