Rounder corner for SFTabViews

[Vinay Kumar]

Hi

can i have a rounded Corner Tabviews ? Please suggest 

[Hemalatha Marikumar]

Hi Vinay,

Greetings from Syncfusion. 

 

Query: "can I have a rounded Corner Tabviews ?" 

 

Yes. But in SfTabView, we don't have direct support for this requirement, and we can achieve the same by adding the desired view inside the Syncfusion Border control in header view of TabItem as per in below code snippet.  

 

Code Snippet [XAML]: 

 <tabView:SfTabItem Title="Favorites">
        <tabView:SfTabItem.HeaderContent>
               <Grid>
                     <border:SfBorder
                                    x:Name="secondBorder"
                                    BorderColor="Black"
                                    HorizontalOptions="Center"
                                    VerticalOptions="Center"
                                    BorderWidth="2">
                          <Label
                                    Text="Item 2"
                                    Margin="10"
                                    Font="15"  />
                          </border:SfBorder>
                   </Grid>
         </tabView:SfTabItem.HeaderContent>
 </tabView:SfTabItem> 

Documentation Link: https://help.syncfusion.com/xamarin/tabbed-view/custom-header 

 

To know more about border customization, please refer the below link 

 

https://help.syncfusion.com/xamarin/border/customization 

Based on your requirement, we have prepared the sample which can be downloaded from below link  

 

Sample Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/SfTabViewSample1013152670.zip 

 

Screenshot: 

 

 

Please check and let us know if you have any other concerns.  

 

Regards, 

Hemalatha M.