SfTabView Reducing space between lines header and draw large line bottom

[Carlos]

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

[Mugundhan Saravanan]

 Hi Carlos, 

 

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.