New to Telerik UI for .NET MAUI? Start a free 30-day trial

.NET MAUI TabView Templates

The TabView provides set of templates for its elements. If you want to change the TabView appearance you can use the provided templates:

  • HeaderTemplate (ControlTemplate)—Defines the template of the entire TabView Header. This includes the tabs in the Header (Header area + Header items).
  • HeaderItemTemplate (ControlTemplate)—Defines the template of the individual header items.
  • ContentTemplate (ControlTemplate)—Defined the template of the entire TabView Content.

.NET MAUI TabView Visual Structure

Example with TabView templates

<telerik:RadTabView x:Name="tabView">
    <telerik:RadTabView.HeaderItemTemplate>
        <ControlTemplate>
            <!-- the custom HeaderItemTemplate implementation -->
        </ControlTemplate>
    </telerik:RadTabView.HeaderItemTemplate>
    <telerik:RadTabView.HeaderTemplate>
        <ControlTemplate>
            <!-- the custom HeaderTemplate implementation -->
        </ControlTemplate>
    </telerik:RadTabView.HeaderTemplate>
    <telerik:RadTabView.ContentTemplate>
        <ControlTemplate>
             <!-- the custom ContentTemplate implementation -->
        </ControlTemplate>
    </telerik:RadTabView.ContentTemplate>
</telerik:RadTabView>

If you want to review the default TabView HeaderTemplate, HeaderItemTemplate and ContentTemplate, add the TelerikTheming to the project and go to TelerikTheming/Styles/Platform/TabView.xaml file. If you do not want to change the default templates you can customize the look of the TabView, TabView Header, TabView HeaderItem and TabView Content using the flexible styling API. For more details review the TabView Styling article.

See Also

In this article