Selection in .NET MAUI TabView

The Telerik TabView for .NET MAUI exposes properties that help you work with the item selection:

• SelectedItem (of type Telerik.Maui.Controls.TabViewItem)—Defines the selected item. The value of this property affects which header item is selected in the header area and which content is displayed in the content area.

• SelectedIndex (int)—Specifies the index of the currently selected TabViewItem. The value of this property affects which header item is selected in the header area and which content is displayed in the content area.

• TabViewItem can be selected by setting its IsSelected(bool) property to True.

Example with Selected Item

RadTabView tabView = new RadTabView();
tabView.Items.Add(new Telerik.Maui.Controls.TabViewItem() { HeaderText = "Home" });
tabView.Items.Add(new Telerik.Maui.Controls.TabViewItem() { HeaderText = "Folder" });
tabView.Items.Add(new Telerik.Maui.Controls.TabViewItem() { HeaderText = "View" });

tabView.SelectedItem = tabView.Items[1];

And the namespace used:

using Telerik.Maui.Controls;

Example with IsSelected

<telerik:RadTabView x:Name="tabView">
    <telerik:TabViewItem HeaderText="Home" IsSelected="True">
        <Label Margin="10" Text="This is the content of the Home tab" />
    </telerik:TabViewItem>
    <telerik:TabViewItem HeaderText="Folder">
        <Label Margin="10" Text="This is the content of the Folder tab" />
    </telerik:TabViewItem>
    <telerik:TabViewItem HeaderText="View">
        <Label Margin="10" Text="This is the content of the View tab" />
    </telerik:TabViewItem>
</telerik:RadTabView>

And the namespace used:

xmlns:telerik="http://schemas.telerik.com/2022/xaml/maui" 

Events

• SelectionChanged event which is raised when the currently selected TabViewItem has changed. The SelectionChanged event handler receives two parameters:
  • The Sender which is of type Telerik.Maui.Controls.RadTabView.
  • and EventArgs.

See Also

• TabViewItem
• Styling
• Templates