How to customize the tabItem height and width in Xamarin TabView?
You can change the tab header height and width by using `TabHeight` and `TabWidth` property of Xamarin TabView. Please follow the below given steps to change the height and width of tab view header
Step 1: Add the necessary assemblies in the PCL, Android, iOS, and UWP projects. Refer to this UG documentation to know more about the assemblies required for adding SfTabView a your project.
Step 2: Set the `TabHeight` and `TabWidth` property as per your requirement.
XAML code
<tabView:SfTabView TabWidth="100" TabHeight="70" > <tabView:SfTabItem Title="Call"> <tabView:SfTabItem.Content> <Grid BackgroundColor="Red" x:Name="AllContactsGrid" /> </tabView:SfTabItem.Content> </tabView:SfTabItem> <tabView:SfTabItem Title="Favorites"> <tabView:SfTabItem.Content> <Grid BackgroundColor="Green" x:Name="FavoritesGrid" /> </tabView:SfTabItem.Content> </tabView:SfTabItem> <tabView:SfTabItem Title="Contacts"> <tabView:SfTabItem.Content> <Grid BackgroundColor="Blue" x:Name="ContactsGrid" /> </tabView:SfTabItem.Content> </tabView:SfTabItem> </tabView:SfTabView>
Output Image:
|
Please download the sample from this link : Sample
Conclusion
I hope you enjoyed learning about how to customize the tabItem height and width in Xamarin TabView.
You can refer to our Xamarin TabView feature tour page to know about its other groundbreaking feature representations. You can also explore our documentation to understand how to create and manipulate data.
For current customers, you can check out our components from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our other controls.
If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!
