How to change selected tab title font attribute to bold?
Initially, Xamarin.Forms SfTabView TabItem title is loaded with the default font attribute as none. If you need to change the TabItem title font attribute to bold or italic, use the TitleFontAttribute property. Whenever the TabItem is tabbed, the “SelectionChanged” event will occur, using which you can change the selected TabItem title font attribute.
The following steps explain how to change the title selection attributes of TabItem.
Step 1: Create an app using Xamarin.Forms SfTabView with all the required assemblies.
Step 2: Initialize Xamarin.Forms SfTabView via XAML or C# code. In this example, Xamarin.Forms SfTabView has been initialized via XAML code.
<tabView:SfTabView x:Name="tabview" VisibleHeaderCount="4" TabHeight="60" TabHeaderPosition="Top" SelectionChanged="Handle_SelectionChanged"> <tabView:SfTabItem x:Name="firstTab" Title="First Tab" SelectionColor="Black" > <tabView:SfTabItem.Content> <Label Text="Tab Item 1 Content goes here" /> </tabView:SfTabItem.Content> </tabView:SfTabItem> <tabView:SfTabItem x:Name="secondTab" Title="Second Tab" SelectionColor="Black" > <tabView:SfTabItem.Content> <Label Text="Tab Item 2 Content goes here" /> </tabView:SfTabItem.Content> </tabView:SfTabItem> <tabView:SfTabItem x:Name="thirdTab" Title="Third Tab" SelectionColor="Black"> <tabView:SfTabItem.Content> <Label Text="Tab Item 3 Content goes here" /> </tabView:SfTabItem.Content> </tabView:SfTabItem> <tabView:SfTabItem x:Name="fourthTab" Title="Fourth Tab" SelectionColor="Black"> <tabView:SfTabItem.Content> <Label Text="Tab Item 4 Content goes here" /> </tabView:SfTabItem.Content> </tabView:SfTabItem> </tabView:SfTabView>
Step 3: Set the selected TabItem title font attribute to ‘Bold’ or ‘Italic’ the in ‘SelectionChanged’ event call.
void Handle_SelectionChanged(object sender, Syncfusion.XForms.TabView.SelectionChangedEventArgs e)
{
foreach (SfTabItem tabitem in (sender as SfTabView).Items)
{
if (tabitem.Title == e.Name)
{
tabitem.TitleFontAttributes = FontAttributes.Bold;
}
else
{
tabitem.TitleFontAttributes = FontAttributes.None;
}
}
}
Output
You can find the sample from this link: Sample
