Stretch header items in SfTabControl

[Ryan]

Hi,

I am using the tabcontrol to display an alpha tab from A to Z. How do I make it so that all the tabs are visible in the view (horizontal stretching)? Ideally I would like to set a minimum width of the control before the scrolling of the tabs are enabled.
Is this possible?

Thanks
Ryan

[Vijayalakshmi Roopkumar]

Hi Ryan,

Thank you for contacting the Syncfusion Support,

We have prepared a sample according to your requirement. In our sample, we have set the MaxWidth for SfTabItem, so that you can allow to set the width for the control. Please download our sample using the below link:

Sample:SfTabcontrol

Please let us know if you have any other concerns,

Regards,
Vijayalakshmi V.R.

[Ryan]

Hi Vijayalakshmi,

Thanks for the sample but it doesn't meet my requirements. Take the following code:

<Navigation:SfTabControl>
     <Navigation:SfTabItem Header="Tab 1"/>
     <Navigation:SfTabItem Header="Tab 2"/>
     <Navigation:SfTabItem Header="Tab 3"/>
     <Navigation:SfTabItem Header="Tab 4"/>
</Navigation:SfTabControl>

How can I make the tabcontrol fill the entire length of the view so that all 4 tabs are evenly stretched across the entire page? Something akin to setting the tab Width="*".

Ryan

[Vijayalakshmi Roopkumar]

Hi Ryan,
In our current implementation of the SfTabControl, we have placed the SfTabItem according to its header length , so depending upon its header the SfTabItem will place, so it is not feasible to stretch the width of the SfTabItem header equally in the SfTabControl.

Please let us know if you have any other concerns,

Regards,
Vijayalakshmi V.R.