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 Reducing space between lines header and draw large line bottom

Hi Friends

It's possible to reduce the space between top and bottom and the text ?

And it's possible draw a bottom line together to selection line ?

I attach my sample and the images with the result desired

Thanks a lot.

Attachment: TestTab_f95ca370.rar

1 Reply

MS Mugundhan Saravanan Syncfusion Team February 1, 2019 03:07 PM UTC

Greetings from Syncfusion. 
Query: ” SfTabView Reducing space between lines header and draw large line bottom “

We have analyzed the reported query and this can be achieved by using a TabHeight property and BoxView. You can set the TabHeight size for reducing the space between lines header.By using a BoxView you can achieve line bottom. Please check the sample from the following link
                <tabView:SfTabView x:Name="tabview" VisibleHeaderCount="2" TabHeight="25" Grid.Row="1" EnableSwiping="True"> 
 <tabView:SfTabItem  SelectionColor="Black" Title="Tab 1" TitleFontColor="Gray" TitleFontSize="14"> 
                                    <RowDefinition Height="Auto"></RowDefinition> 
                                    <RowDefinition Height="*"></RowDefinition> 
                                <BoxView HeightRequest="2" Grid.Row="0"  Color="Black" /> 
                                <Label Text="Content tab 1" Grid.Row="1"></Label> 


Please check the sample and let us know the if you have any other concern.

Mugundhan S.

Live Chat Icon For mobile
Up arrow icon