Auto resize tab width according to custom HeaderContent

This has been asked before but it seems not in this way, with a HeaderContent

I have already test with WidthRequest and LineBreakMode to NoWrap

In the attached sample you can see how "Gaming and Xbox" are cutted. Also, the "Most recent" and "Most viewed" items are very fit

As you can see in the code, I use a Grid because I need a bottom border. If there is a way to remove the Grid and only use the Title and a way to bottom border, then will be an aswer I guess

I also use a top border (BoxView) with a Grid on the bottom bar


tabview.png




Attachment: NavigationDrawer5_c6ddd57f.rar

2 Replies

RS Ruba Shanmugam Syncfusion Team November 11, 2021 01:56 PM UTC

Hi Sunco, 
Greetings from Sycnfusion. 
We have validated your query and we would like to inform you that currently we have TabWidthMode(based on the provided TabItem tiltle) support only for TabItem Title. We don’t have a TabWidthMode support for HeaderContent. And you can achieve your requirement for TabView bottom border through HeaderContent only. 
Please let us know, if you have any other concerns. 
Regards, 
Ruba Shanmugam 



SU sunco replied to Ruba Shanmugam December 19, 2021 05:18 AM UTC

Setting TabWidthMode to Default or BasedOnText makes no diference when adding more text to the SfTabItem Title. I'm thinking there is a kind of MaxWidth. Btw, this is on iOS real device


Loader.
Up arrow icon