Tab Items

23 Feb 2018 / 2 minutes to read

Tab items can be configured in tab view through the Items property of SfTabView, which holds the collection of SfTabItem through TabItemsCollection.

var tabItems = new TabItemCollection
        {
            new SfTabItem()
            {
                Title = "Calls",
                Content = allContactsUIView
            },
            new SfTabItem()
            {
                Title = "Favorites",
                Content = favoritesUIView
            },
            new SfTabItem()
            {
                Title = "Contacts",
                Content = contactsUIView
            }
        };

        tabView.Items = tabItems;

Share the header space equally

To share the header space to the tabs equally, set the number of tabs that can be distributed in the available space though the VisibleHeaderCount of SfTabView.

tabView.VisibleHeaderCount = 3;