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
 
Screenshot:  
 
 
 
Codesnippet:  
                <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"> 
                         
                        <tabView:SfTabItem.Content> 
                            <Grid> 
                                <Grid.RowDefinitions> 
                                    <RowDefinition Height="Auto"></RowDefinition> 
                                    <RowDefinition Height="*"></RowDefinition> 
                                </Grid.RowDefinitions> 
                                <BoxView HeightRequest="2" Grid.Row="0"  Color="Black" /> 
                                <Label Text="Content tab 1" Grid.Row="1"></Label> 
                            </Grid> 
                        </tabView:SfTabItem.Content> 
                    </tabView:SfTabItem> 
                </tabView:SfTabView> 
 


Sample:
http://www.syncfusion.com/downloads/support/forum/142404/ze/SfTabViewSample_1424041764951626


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

Regards,
Mugundhan S.
 


Loader.
Up arrow icon