We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

SfTabView disable scrolling

I can scroll through the sftabview headers. How can i disable for headers only not the tabeitem.

I tried using property "EnableSwipe" to false. But it then disables the swiping for tab contents also.

I just want to disable swiping of the headers

Please refer the attachment for the same

Attachment: Jun_12_2019_2_44_PM_383fe2e7.zip

1 Reply

MK Muneesh Kumar G Syncfusion Team June 13, 2019 08:49 AM UTC

Hi Deepa, 
 
Greetings from Syncfusion. 
 
Query: How can I disable for headers only not the tab item. 
 
We have validated your query and currently, we don't have support to disable the scrolling in headers.  
 
We suggest you to disable the scrolling of header by setting overflow-mode as drop down as per the below code snippet. 
 
Code snippet 
<tabView:SfTabView OverflowMode="DropDown" VisibleHeaderCount="3" BackgroundColor="Aqua"> 
            .. 
        </tabView:SfTabView> 
 
 
Please refer below user documentation for more details about OverflowMode.  
 
 
Also, you can also set OverflowMode as CenterButton as per the below code snippet. By using this mode, you can able to see all tabs within the view.  
 
Code snippet 
 
<tabView:SfTabView OverflowMode="CenterButton" 
                   x:Name="tabView"> 
</tabView:SfTabView> 
 
 
 
Please let us know if you have any queries. 
 
Regards,
Muneesh Kumar G 
 


Loader.
Live Chat Icon For mobile
Up arrow icon