Custom Header

17 Jan 20251 minute to read

When built-in view is not needed, it can be overridden by adding custom view for the header region for a tab.

C#

Button allCallsButton = new Button(context);
allCallsButton.Text = "All Calls";
allCallsButton.SetBackgroundColor(Android.Graphics.Color.Yellow);
allCallsButton.Clicked += AllCallsButton_Clicked;
var tabViewItem = new SfTabItem()
{
Title = "Calls",
Content = allContactsGrid,
HeaderContent = allCallsButton
};

How to handle events for custom view with tab view?

When using button or similar control with clicked event, it can be handled directly and set the SelectedIndex property to navigate the clicked view.

C#

private void Button_Clicked(object sender, System.EventArgs e)
{
tabView.SelectedIndex = 0;
}