Failed to set Custom TTF font on the TabItem labels

[Chihun]

Hello, everyone.

I am new in Syncfusion Xamarin controls, testing navigation drawer, nested tabviews and gauges now.

I am developing my app with Xamarin.Forms 4.0 and Syncfusion 17.1.0.49 from NuGet packages.

The problem I am struggling to solve is ...

I can not change the font of labels on the TabItem of TabView.

See the following fragment.

<tabView:SfTabItem Title="Lobby" TitleFontFamily="MonoFont" TitleFontSize="20">  ... </tabView:SfTabItem>

TitleFontFamily is not working. TileFontSize is working.

The given tab label is displayed by default font. maybe TitleFontFamily is ignored.

MonoFont itself is not problem because normal Xamarin.Forms controls can display that font without problems.

I tested Custom Header and checked I can change the font.

But custom Header is not the option, because I want to keep Selection Indicator.

Is there no way to change the font?

Thanks,

Chihun

[Muneesh Kumar G]

Hi Chihun, 

 

Greetings from Syncfusion. 

 

We have validated your query, we have created a sample to achieve your requirement. Please find the sample from below link. 

 

Sample Link: 

http://www.syncfusion.com/downloads/support/directtrac/general/ze/GettingStarted-2037538581.zip 

 

Please refer below link for referring custom fonts 

 

https://help.syncfusion.com/xamarin/sftabview/display-type?cs-save-lang=1&cs-lang=csharp#how-to-change-the-selection-color-for-text-and-font-icons 

https://xamarinhelp.com/custom-fonts-xamarin-forms/ 

 

Please find the code snippet for this 

 

 <ContentPage.Resources>
        <ResourceDictionary>
            <OnPlatform x:TypeArguments="x:String" x:Key="fonts" iOS="Snell Roundhand" Android="Snell Roundhand.ttf#Snell Roundhand"   WinPhone="Snell Roundhand.ttf#SnellRoundhand Script" />
        </ResourceDictionary>
   </ContentPage.Resources> 
            ...
     <tabView:SfTabItem Title = "Contacts" TitleFontSize="20" TitleFontFamily="{StaticResource fonts}">
            ... 

 

Screenshot: 

 

 

 

Please get back us, if you have any concern. 

 

Regards,
Muneesh Kumar G.  

[Chihun]

Thanks!

It works.

[Muneesh Kumar G]

Hi Chihun, 

 

Thanks for the update. 

  

We are glad to know that the given solution works. Please let us know if you need any further assistance. 

 

Regards,
Muneesh Kumar G.