Styling of sfTabView does not match default Xamarin Forms tab styling (Android)

When I use the sfTabView in Xamarin Forms 3.x the styling of the tab rendered does not match the styling of the tabs rendered by the TabbedPage (which also means that it does not match the images shown in the documentation.

The standard TabbedPage renders the tabs with a background color and white text (with a white "underline" to indicate the selected tab); the sfTabView control is rendering a white background with black text (unless it is the selected tab in which case the text is the same colour as the background in the TabbedPage tabs) with a colored underline (again, the same color as the background would be in the TabbedPage) also indicating the selected tab.

How can I change the styling of the sfTabView so that it matches the rendering of the TabbedPage tabs?

I am targeting Android only; specifically versions 5.1.1 and 8.1

Thanks.

1 Reply

PA Paul Anderson S Syncfusion Team September 24, 2018 12:13 PM UTC

Hi Martin, 
 
Greetings from Syncfusion. 
 
We can customize the SfTabview similar to Tabbed Page Control. SfTabView has several customization properties and the properties which are used to make the SfTabview page similar to Tabbed page controls are given below: 
 
Properties 
Uses 
TabHeaderBackgroundColor 
Apply common color for all Tab headers 
SelectionIndicatorSettings 
Used to customize the selection indicator such as color, position and StrokeThickness 
SfTabItem 
Used to define each tab items such as Title, Title font color, Selection Color, Content etc… 
 
 
We have prepared a simple sample to show the SfTabview similar to Tabbed page control using the above-mentioned properties. Please find the sample from the below link. 
 
 
Please check our sample and let us know if you have any concerns. 
 
Regards, 
Paul Anderson 


Loader.
Up arrow icon